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 :: список <ul> <li> по горизонтале

 PHP.SU

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


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

> Без описания
Поиск в теме | Версия для печати
dadli
Отправлено: 01 Июня, 2012 - 16:40:11
Post Id



Посетитель


Покинул форум
Сообщений всего: 416
Дата рег-ции: Май 2011  
Откуда: тифилис


Помог: 5 раз(а)
здравствуите

например есть такои список

CODE (html):
скопировать код в буфер обмена
  1. <ul>
  2.         <li>aaaa</li>
  3.         <li>bbbb</li>
  4.         <li>cccc</li>
  5.         <li>ddddddddddddddddddddd</li>
  6.         <li>eeee</li>
  7.         <li>ffff</li>
  8. </ul>


ето список обични да, то есть вертикални, а можно её переделать так что он стал горизонталним, то есть так
aaaa bbbb cccc ddddddddddddddddddddd eeee ffff
и так далее
 
 Top
OrmaJever
Отправлено: 01 Июня, 2012 - 17:15:38
Post Id



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


Покинул форум
Сообщений всего: 7540
Дата рег-ции: Янв. 2010  
Откуда: Чернигов


Помог: 299 раз(а)
А зачем тогда делать список? Это делается обычными сылками или span'ами или другими стандартными тегами.


-----
Если вы хотя бы 3-4 раза не решите всё выкинуть и начать заново - вы явно что-то делаете не так.
 
 Top
dadli
Отправлено: 01 Июня, 2012 - 17:45:06
Post Id



Посетитель


Покинул форум
Сообщений всего: 416
Дата рег-ции: Май 2011  
Откуда: тифилис


Помог: 5 раз(а)
перви вопрос решен, горизонтални список сделал но такое хочу сделать:
есть див тег, в етои див теге хочу вставить горизонтални список, так что вся список било би в одном строке. вот мои код:

CODE (htmlphp):
скопировать код в буфер обмена
  1. li {
  2.     list-style: none;
  3.     float: left;
  4.     width: 100px;
  5.     background-color: #00f;
  6.    border: 1px solid #900;
  7.  }
  8.  
  9.  
  10.  
  11.    div.my_border  {
  12.       overflow: hidden;
  13.       width: 500px;
  14.       height: 220px;
  15.       border:  1px solid #ccc;  
  16.   }



CODE (html):
скопировать код в буфер обмена
  1. <div class="my_border">
  2.     <ul>
  3.         <li>aaaa</li>
  4.         <li>bbbb</li>
  5.         <li>cccc</li>
  6.         <li>dddd</li>
  7.         <li>eeee</li>
  8.     </ul>
  9. </div>


но здес проблема втом что когда не хватает ширина радителского див тега, то список автоматически переидёт в другом строке, а мне именно нужна в одном строке, скажите плиз как сделать такое ?
 
 Top
DelphinPRO
Отправлено: 01 Июня, 2012 - 19:19:59
Post Id



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


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


Помог: 353 раз(а)
дл
OrmaJever пишет:
А зачем тогда делать список?

семантика, елки-палки - список должен быть списком, неважно как он выглядит

dadli
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <style type="text/css">
  5.                 div {
  6.                         border:1px solid red;
  7.                         width:300px;
  8.                         overflow:hidden;
  9.                 }
  10.                 ul {
  11.                         white-space:nowrap;
  12.                         border:1px solid green;
  13.                 }
  14.                 li {
  15.                         display:inline-block;
  16.                         border:1px solid blue;
  17.                 }
  18.         </style>
  19. </head>
  20. <body style="height:500px;">
  21.  
  22. <div>
  23.         <ul>
  24.                 <li>1111111111</li>
  25.                 <li>1111111111</li>
  26.                 <li>1111111111</li>
  27.                 <li>1111111111</li>
  28.                 <li>1111111111</li>
  29.                 <li>1111111111</li>
  30.                 <li>1111111111</li>
  31.                 <li>1111111111</li>
  32.                 <li>1111111111</li>
  33.         </ul>
  34. </div>
  35. </body>
  36. </html>

(Отредактировано автором: 01 Июня, 2012 - 19:21:20)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
dadli
Отправлено: 02 Июня, 2012 - 10:14:29
Post Id



Посетитель


Покинул форум
Сообщений всего: 416
Дата рег-ции: Май 2011  
Откуда: тифилис


Помог: 5 раз(а)
DelphinPRO
огромное спасибо, то что нужно
 
 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