2 авг. 2009 г.

HTML + CSS. Список ul одной строкой

Причины, зачем так делать, я опущу =)
Вот способ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.coolList {
list-style:none;
}

.coolList li {
float:left;
padding-right:4px;
}

</style>
</head>
<body>
<div style="width:500px">
<ul class="coolList">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li>...</li>
<li>-></li>
</ul>
</div>
</body>
</html>

8 комментариев:

  1. Спасибо, очень помогло. У каждого заказчика свои заморочки ;-)

    ОтветитьУдалить
  2. Денис, вместо padding лучше используй margin =)

    ОтветитьУдалить
  3. Locke, учту, но в данном случае суть не в этом)

    ОтветитьУдалить
  4. Спасибо, как раз пригодилось. Переносил старый дизайн сайта на новый движок... пришлось с CSS поковыряться.

    ОтветитьУдалить
  5. Большое спасибо, очень пригодилось

    ОтветитьУдалить
  6. Причины есть))

    ОтветитьУдалить
  7. Спасибо, помогло. Жалко, что нет кнопки для отправки данного поста в заметки)

    ОтветитьУдалить

Буду очень рад Вашему комментарию!