Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как сделать в Css автоматический перенос строки.

Как сделать в Css автоматический перенос строки.


     02.11.2013    Общие вопросы, Общие вопросы по вёрстке, Стили (CSS)    4314

вопрос
Нужно сделать чтоб каждая ссылка в меню переносилась на новую строку, независимо от размера.
Сайт если что тут (Смотреть на меню сайта и на категории)

Html код

<div class="link-login">
<a href="/">Главная страница</a>
<a href="/about.html">О сайте</a>
<hr>
<a href="/index.php?do=search&amp;mode=advanced">Расширенный поиск</a>
<a href="/index.php?do=lastnews">Последние добавления</a>
<a href="/index.php?action=mobile">Мобильная версия сайта</a>
<a href="/rss.xml">Rss Лента</a>
</div>

Css код

.link-login a {
padding-left: 15px;
background: url(../design/catitem.gif) no-repeat 0 0;
font-size: 12px;
margin-bottom: 2px;
}

Ответа пока нет


5 комментариев

aleps
Юзер

aleps - 2 ноября 2013 18:22 -

можно добавить
display:block;

golden_eagle_god
Юзер

golden_eagle_god - 3 ноября 2013 07:22 -

Я делал так, но ссылка была полностью инлайнова, тоесть она была на всю ширину таблицы а не на ширину текста. Подскажите другое.

xsash
Юзер

xsash - 3 ноября 2013 14:08 -

После закрывающего тега А, поставить BR?

golden_eagle_god
Юзер

golden_eagle_god - 4 ноября 2013 13:58 -

я бы так уже давно сделал, но категории генерируется из PHP

MegaBoBeR
Юзер

MegaBoBeR - 3 ноября 2013 14:29 -


<div class="link-login">
  <ul>
    <li><a href="/">Главная страница</a></li>
    <li><a href="/about.html">О сайте</a></li>
    <hr>
    <li><a href="#">Расширенный поиск</a></li>
    <li><a href="#">Последние добавления</a></li>
    <li><a href="#">Мобильная версия сайта</a></li>
    <li><a href="#">Rss Лента</a></li>
  </ul>
</div>


В CSS добавить
.link-login ul {list-style:none;}


Получиться как на картинке вверху.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 07.09.2012 EsviLLs  Общие вопросы
наверх