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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: выравнивание li

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
etoYA
Отправлено: 06 Апреля, 2012 - 02:49:49
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




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

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


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

CODE (html):
скопировать код в буфер обмена
  1. li.fl{
  2. float: left;
  3. }
  4. li{
  5. float: right;
  6. }

Но может быть есть еще решения?
Прикреплено изображение (Нажмите для увеличения)
Untitled-1.gif

(Отредактировано автором: 06 Апреля, 2012 - 02:59:15)

 
 Top
DelphinPRO
Отправлено: 06 Апреля, 2012 - 03:58:38
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




если по условию только две колонки,
то без лишних классов можно красиво записать на CSS3 Улыбка
CODE (css):
скопировать код в буфер обмена
  1. ul li {margin-right:20px;}
  2. ul li:nth-child(odd) {margin-right:0;}


для трех колонок
CODE (css):
скопировать код в буфер обмена
  1. ul li {margin-right:20px;}
  2. ul li:nth-child(3n+1) {margin-right:0;}


для четырех
CODE (css):
скопировать код в буфер обмена
  1. ul li {margin-right:20px;}
  2. ul li:nth-child(4n+1) {margin-right:0;}

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

(Отредактировано автором: 06 Апреля, 2012 - 04:02:20)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
etoYA
Отправлено: 06 Апреля, 2012 - 17:16:02
Post Id



Участник


Покинул форум
Сообщений всего: 1859
Дата рег-ции: Июль 2011  
Откуда: Крым


Помог: 21 раз(а)




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

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

PHP:
скопировать код в буфер обмена
  1. if ($i % 2 == 0) echo '<li class="fl">';
  2. else echo '<li>';
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB