|
|
|
| Привет.
Вот такой вопросик возник:
Предположим, нужно сверстать последовательность горизонтально расположенных (подряд) элементов (наример, элементов меню). Таблицами это делается элементарно.
В случае же, когда я хочу обойтись дивами, я прописываю для элементов меню float:left. Тогда дивы выстраиваются в одну линию (с переносом, если строка заполнилась).
Можете ли вы припомнить еще методы, возможно более правильные? Насколько я помню display:table-cell работает не везде. Возможно есть еще варианты? | |
|
|
|
|
|
|
|
для: aseo
(21.04.2008 в 16:25)
| |
<style>
ul,
li {
float:left;
list-style:none;
margin:0; padding:0;
}
/* вид */
li {
padding:2px 10px;
font:Bold Small Tahoma;
background:#35C; color:white;
border:solid 1px; border-color:#46F #238 #238 #46F;
}
a {
color:white; text-decoration:none;
}
ul {
white-space:nowrap;
}
</style>
<body>
<ul>
<li><a href="/">Начало</a></li>
<li><a href="catalog/">Каталог</a></li>
<li><a href="basket/">Корзина</a></li>
<li><a href="help/">Справка</a></li>
</ul>
|
взято отсюда http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/ | |
|
|
|
|
|
|
|
для: mechanic
(21.04.2008 в 16:50)
| | По сути это то же самое решение) | |
|
|
|
|
|
|
|
для: aseo
(21.04.2008 в 16:53)
| | оно используется в 95% | |
|
|
|
|
|
|
|
для: AlexSol
(21.04.2008 в 17:13)
| | Спасибо. | |
|
|
|