Как сделать пробел между персонажами

0

Я делаю сайт на своем компьютере, и у меня есть панель навигации наверху. Ссылки там похожи, что они являются частью предложения, и поэтому я пытаюсь сделать больший разрыв между ними. Я пробовал использовать пробелы между <a></a>, но пробелы не отображались на странице.

HTML (Nav. Bar):

<div id='header'>
  <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
  <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
  <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
</div>

Снимок экрана с Nav. Бар:

Изображение 174551

  • 1
    Можете ли вы добавить CSS тоже для соответствующего div, который вы дали ... и, если возможно, предоставить скрипку ...
  • 1
    Скриншот имеет практически нечитаемую панель навигации, поэтому у вас гораздо большие проблемы, чем интервал.
Показать ещё 1 комментарий
Теги:
hyperlink

6 ответов

4
Лучший ответ

Вы можете добавить CSS

  #header a{
     display:block;
     padding:8px 16px;

  }
Поделиться
  • 0
    О, я не думал о добавлении отступов / полей! Отметьте этот ответ как принятый (через 10 мин.)
  • 0
    Не проблема, рад помочь.
0

как это:

<div id='header'>
  <img id='tlogo' src="http://i.imgur.com/lVbnNwy.png?1">
  <a class="dif2" href="http://localhost:8080/Howl/Home.html">Home</a>
  <a class="dif2" href="http://localhost:8080/Howl/Rules.html">Rules</a>
</div>

Стиль ниже:

#header > a {
  float:left
  margin-left:5px;
}
Поделиться
0

Попробуйте сделать это:

#header a{
    display: inline-block;
    padding: 10px; /*You can you whatever padding depending on your site*/
}

Надеюсь это поможет!!

Поделиться
0

Попробуйте добавить этот css:

<style>
#header a{
     display:inline;
     padding:10px 15px;

  }
</style>
Поделиться
0

Лучше использовать <ul> и <li> s

Главная правила 
 <style>
 ul.menu li {
 display:inline-block;
 padding:0px 5px 0px 0px;
 }
 </style>

Вот пример jsfiddle DEMO

Поделиться
0

попробуйте поставить 'nbsp;' где вы хотите пустое пространство. http://jsfiddle.net/NA4DB/

   <div>Hello</div>
   <div>&nbsp;</div>
   <div>World</div>
Поделиться
  • 0
    ошибка. ты не вкладываешь права своего div'а. четвертый тег div должен содержать косую черту.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню