Как сделать отступ между ссылками в блоке?

[Vabik 1]

Добрый день!

Слева в одном из блоков хочу оформить перечень ссылок, типа так:

<td align="left" valign="top" ><table width="190" border="0" cellspacing="0" cellpadding="0" >

						<tr>

						   <tr>

							<td height="10" align="left"  style="padding-left:25px;"><span class="stext"><a href="http://dle-news.ru/"  target="_blank"><strong>Саамый лучший движок</strong></a></span></td>

						   </tr>

						   <tr>

							<td height="10" align="left"  style="padding-left:25px;"><span class="stext"><a href="http://forum.dle-news.ru/"  target="_blank"><strong>Самый лучший форум</strong></a></span></td>

						   </tr>

и т.д. и в конце закрывается  </tr> и </td> и  </табле> ...

но вот вопрос. как между ссылками сделать отступ (т.е. вертикальный отступ)??? не между строчками, а между ссылками. там ссылки есть с длинными титлами и в 4 строчки получаются в блоке. так вот между строчками все норм растояние, а я хочу между титлами (между ссылками) сделать растояние.

ставить между ними <br /> не катит, т.к. это слишком большой отступ. мне бы половинку бэ-эра ))))

Изменено 21 января 2012 пользователем Vabik

[alex32 943]

<br /> это перенос строки. Вам вертикальный отступ нужен что ли?

[Vabik 1]

  Цитата

Вам вертикальный отступ нужен что ли?

имеено.

т.е. идет в блоке перечиссление ссылок:

- Самый лучший движок

- Самый лучший форум

Но мне надо увеличить растоиние между ними чтобы было типа:

- Самый лучший движок

- Самый лучший форум

[alex32 943]

ну раз вы уже зачем то стайл прописали (хотя у же у вас есть класс спана в css) добавьте либо паддинг padding:3px 0 3px 25px; либо margin:6px 0; (ну и конечно, отступы сами подбирайте, я образно написал)

Изменено 21 января 2012 пользователем alex32

[WWW.ZEOS.IN 1 161]

<style>

div a:first-child { margin-bottom: 10px; }

</style>


<div>

  <a href="#">Самый лучший движок</a>

  <a href="#">Самый лучший форум</a>

</div>

[Vabik 1]

Не совсем понял куда добавлять.

Добавляю рядом с

style="padding-left:25px;"

это:

style="padding:3px 0 3px 25px"[/code]


или

[CODE]style="margin:6px 0;"[/code]

И изменения нет..

Изменено 21 января 2012 пользователем Vabik

[WWW.ZEOS.IN 1 161]

Предоставьте ссылку на свой сайт, чтобы можно было понять, что и где Вы хотите сделать

[alex32 943]

style="padding-left:25px;" это отступ только слева, а padding:3px 0 3px 25px это 3пх сверху, 0 справа, 3 снизу и 25 слева. Что ж вы хотите, если у вас масло маслянное. И вообще ваш вариант со ссылками лучше через список сделать, как то разумнее будет

Изменено 21 января 2012 пользователем alex32

[Vabik 1]

  Цитата

Предоставьте ссылку на свой сайт

На локалке

  Цитата

style="padding-left:25px;" это отступ только слева, а padding:3px 0 3px 25px это 3пх сверху, 0 справа, 3 снизу и 25 слева.

Огромное Вам спасибо! Всё получилось ))

6-й год работаю с сайтами, но так и не освоил основы html ))))

[alex32 943]

  Цитата

6-й год работаю с сайтами, но так и не освоил основы html

как же вы ухитрялись 6 лет это делать

[Adobe 111]

<style>

   h1 {

    line-height: 60%;

   } 

   p {

    line-height: 1.5;

   }

  </style>

Изменено 21 января 2012 пользователем WebAdequate

[vlad1105 24]

Таблички не в моде. Попробуй так:

В HTML пропиши:

<ul class="menu">

   <li><a href="http://site.ru">Это моя ссылка</a></li>

   <li><a href="http://site.ru">Это моя ссылка 2</a></li>

   <li><a href="http://site.ru">Это моя ссылка 3</a></li>

   <li><a href="http://site.ru">Это моя ссылка 3</a></li>

</ul>

В CSS:

.menu li {margin-bottom: 10px;}[/code]

Чем больше значение margin-bottom, тем больше отступ, чем меньше - тем меньше.