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 :: Равная ширина между пунктами меню

 PHP.SU

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


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

> Без описания
КЫР
Отправлено: 02 Сентября, 2011 - 23:27:37
Post Id



Частый гость


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


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




Есть несколько пунктов меню, ширина у них разная. Нужно сверстать так (желательно без js), чтобы расстояния между ними были равными, а само меню занимало 100% предоставляемого пространства. Меню горизонтальное. Может кто сталкивался с таким?

Заранее спасибо


-----
Fuck you guys, I'll going home
 
 Top
White
Отправлено: 02 Сентября, 2011 - 23:40:41
Post Id



Частый посетитель


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


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




КЫР если пункты меню заранее известны, то выставить width равным 100% деленное на количество пунктов


-----
if(time()>1356048000) die();
 
 Top
КЫР
Отправлено: 02 Сентября, 2011 - 23:43:05
Post Id



Частый гость


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


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




ширина-то пунктов разная
соответственно и расстояние от текста до края будет разное =(


-----
Fuck you guys, I'll going home
 
 Top
DeepVarvar Супермодератор
Отправлено: 02 Сентября, 2011 - 23:50:01
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




CODE (html):
скопировать код в буфер обмена
  1. <table cellpadding="0" cellspacing="0">
  2.   <tr>
  3.     <td><a href="#">link</a></td>
  4.     <td><a href="#">link</a></td>
  5.     <td><a href="#">link</a></td>
  6.     <td><a href="#">link</a></td>
  7.     <td><a href="#">link</a></td>
  8.     <td><a href="#">link</a></td>
  9.     <td><a href="#">link</a></td>
  10.   </tr>
  11. </table>

всем td дать text-align: center;
 
 Top
КЫР
Отправлено: 02 Сентября, 2011 - 23:52:11
Post Id



Частый гость


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


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




Во-первых нужно на дивах, во-вторых пункты должны быть выровнены по левому краю. Так что ваше решение не подходит =(


-----
Fuck you guys, I'll going home
 
 Top
DeepVarvar Супермодератор
Отправлено: 02 Сентября, 2011 - 23:55:50
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




КЫР пишет:
на дивах
это чтобы вся ячейка была кликабельной или тупо принцип?
 
 Top
КЫР
Отправлено: 02 Сентября, 2011 - 23:58:45
Post Id



Частый гость


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


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




DeepVarvar
Во-первых задачу такую поставили, а во-вторых я особой разницы не вижу. На мой взгляд такие вещи на дивах реализовывать даже удобнее.
Но если есть решение на таблицах, чтобы контент был выровнен по левому краю - буду очень благодарен.

Уточнение: первый пункт должен быть выровнен по левой границе родителя, а последний - по правой


-----
Fuck you guys, I'll going home
 
 Top
DeepVarvar Супермодератор
Отправлено: 03 Сентября, 2011 - 00:03:50
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




CODE (html):
скопировать код в буфер обмена
  1. <style type="text/css">
  2.  
  3. table#menu {
  4.   width: 100%;
  5.   height: 40px; /* не знаю как у вас, это пример */
  6. }
  7.  
  8. table#menu td a {
  9.   display: block;
  10.   line-height: 38px; /* на 2 пихуля меньше */
  11. }
  12.  
  13. </style>
  14.  
  15. <table id="menu" cellpadding="0" cellspacing="0">
  16.   <tr>
  17.     <td><a href="#">link</a></td>
  18.     <td><a href="#">link</a></td>
  19.     <td><a href="#">link</a></td>
  20.     <td><a href="#">link</a></td>
  21.     <td><a href="#">link</a></td>
  22.   </tr>
  23. </table>
 
 Top
КЫР
Отправлено: 03 Сентября, 2011 - 00:06:03
Post Id



Частый гость


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


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




DeepVarvar
не робит(
при разной ширине пунктов меню расстояние тоже разным становится(


-----
Fuck you guys, I'll going home
 
 Top
DeepVarvar Супермодератор
Отправлено: 03 Сентября, 2011 - 00:09:03
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




КЫР пишет:
при разной ширине пунктов меню расстояние тоже разным становится
а как иначе?
 
 Top
КЫР
Отправлено: 03 Сентября, 2011 - 00:09:38
Post Id



Частый гость


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


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




DeepVarvar
а нужно чтобы оно всегда равным было(


-----
Fuck you guys, I'll going home
 
 Top
DeepVarvar Супермодератор
Отправлено: 03 Сентября, 2011 - 00:21:16
Post Id



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


Покинул форум
Сообщений всего: 10377
Дата рег-ции: Дек. 2008  
Откуда: Альфа Центавра


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




Добавить в стиль:

CODE (html):
скопировать код в буфер обмена
  1. table#menu td {
  2.         width: 1%;
  3. }
  4.  
 
 Top
join
Отправлено: 03 Сентября, 2011 - 15:45:36
Post Id



Гость


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


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






-----
- "Holy shit!" -девиз Холливуда
- "Hello world " -девиз PhP
 
 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