ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание ul li
5 сообщений из 5, страница 1 из 1
выравнивание ul li
    #38025794
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
есть меню, формируется движком.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<ul>
      <li class="item"><a href="#">для женщин</a></li>
      <li class="item"><a href="#">для мужчин</a></li>
      <li class="item"><a href="#">для детей</a></li>
      <li class="item"><a href="#">для дома</a></li>
      <li class="item"><a href="#">аксессуары</a></li>
      <li class="item"><a href="#">распродажа</a></li>
      <li class="item"><a href="#">новинки</a></li>
      <li class="item"><a href="#">бренды</a></li>
</ul>



надо чтобы получилось так:

для женщин    для дома         новинки
для мужчин     аксессуары     бренды
для детей        распродажа

Есть идеи?
...
Рейтинг: 0 / 0
05.11.2012, 17:48:49
| Ответить | Цитировать | Написать  
выравнивание ul li
    #38025796
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
SharuPoNemnogu,

без дополнительных тегов. С ними легко)
...
Рейтинг: 0 / 0
05.11.2012, 17:51:39
| Ответить | Цитировать | Написать  
выравнивание ul li
    #38025810
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    ul { list-style: none; width: 330px; }
    li { display: inline-block; width: 105px; }
  </style>
</head>  
<body>
  <ul>
    <li class="item"><a href="#">для женщин</a></li>
    <li class="item"><a href="#">для дома</a></li>
    <li class="item"><a href="#">новинки</a></li>
    <li class="item"><a href="#">для мужчин</a></li>
    <li class="item"><a href="#">аксессуары</a></li>
    <li class="item"><a href="#">бренды</a></li>
    <li class="item"><a href="#">для детей</a></li>
    <li class="item"><a href="#">распродажа</a></li>
  </ul>
</body>
</html>
...
Рейтинг: 0 / 0
05.11.2012, 18:04:45
| Ответить | Цитировать | Написать  
выравнивание ul li
    #38025816
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
skyANA,

сделал по аналогии, только черед float. Спасибо!
...
Рейтинг: 0 / 0
05.11.2012, 18:10:07
| Ответить | Цитировать | Написать  
выравнивание ul li
    #38025842
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
SharuPoNemnoguсделал по аналогии, только черед float.В этом случае надо явно задавать высоту ul, ну или прописывать overflow: hidden. :)
...
Рейтинг: 0 / 0
05.11.2012, 18:30:15
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выравнивание ul li
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38025796&tid=1449156]:
 0ms
get settings:
 7ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 165ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 208ms
total:  460ms
созд. / загр.: 460ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]