Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: выравнивание li

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » выравнивание li

Страниц (1): [1]

1. etoYA - 06 Апреля, 2012 - 02:49:49 - перейти к сообщению

есть блок с шириной 700px
в нём нужно разместить еще n блоков с шириной 340px

Чтобы получилось что-то типа этого (см. картинку).

Неприложу ума, как можно отодвинуть этот елемнт в право, не отодвигая следующий Не понял

CODE (html):
скопировать код в буфер обмена

li.fl{
float: left;
}
li{
float: right;
}

Но может быть есть еще решения?

2. DelphinPRO - 06 Апреля, 2012 - 03:58:38 - перейти к сообщению

если по условию только две колонки,
то без лишних классов можно красиво записать на CSS3 Улыбка

CODE (css):
скопировать код в буфер обмена

ul li {margin-right:20px;}
ul li:nth-child(odd) {margin-right:0;}

для трех колонок

CODE (css):
скопировать код в буфер обмена

ul li {margin-right:20px;}
ul li:nth-child(3n+1) {margin-right:0;}

для четырех

CODE (css):
скопировать код в буфер обмена

ul li {margin-right:20px;}
ul li:nth-child(4n+1) {margin-right:0;}

и т.п. - там разные формулы можно сочинить ;)

3. etoYA - 06 Апреля, 2012 - 17:16:02 - перейти к сообщению

DelphinPRO, пока css 3 не буду трогать)). Ведь все мои шаблоны валидатор оценивает как "css 2.1" ))

решил проблему.. Как написал выше, ну а вывожу ее:

PHP:
скопировать код в буфер обмена

if ($i % 2 == 0) echo '<li class="fl">';
else echo '<li>';