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 :: Растянуть содержимое div'a с равными отступами

 PHP.SU

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


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

> Без описания
webdrafting
Отправлено: 11 Октября, 2013 - 14:18:42
Post Id



Новичок


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


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

[+]


Скажите, вот если допустим, есть div шириной 960 пикселей и в нем есть н-количество пунктов меню.

Как сделать, что бы левая и правая ссылка были выровнены по левому и правому краю, а те пункты которые между ними, имели одинаковые отступы ?
 
 Top
avtor.fox
Отправлено: 11 Октября, 2013 - 14:28:41
Post Id



Постоянный участник


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


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




CODE (html):
скопировать код в буфер обмена
  1. <table width='100%'>
  2.     <tr>
  3.         <td width='33%'>#one</td>
  4.         <td width='33%'>#two</td>
  5.         <td width='33%'>#three</td>
  6.     </tr>
  7. </table>

))
 
 Top
IllusionMH
Отправлено: 11 Октября, 2013 - 14:34:29
Post Id



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


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


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




 
 Top
webdrafting
Отправлено: 11 Октября, 2013 - 14:46:36
Post Id



Новичок


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


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

[+]


Спасибо, лучше бы вообще не писали в теме.
 
 Top
IllusionMH
Отправлено: 11 Октября, 2013 - 14:51:41
Post Id



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


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


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




webdrafting, могли б не создавать топик, раз не нравится вариант решения.
Не могу найти, но на хабре был большой пост с кучей способов выравнивание. Попробуйте поискать там

upd.
http://css-live[dot]ru/articles-css/[dot][dot][dot]-po-shirine[dot]html
и она на хабре http://habrahabr[dot]ru/post/138501/

Вы не поверите, любимый поисковик должен справлятся с запросами типа "habr css горизонтальное выравнивание". Так что лучше искать, а не создавать темы и обижаться

(Отредактировано автором: 11 Октября, 2013 - 14:56:22)

 
 Top
webdrafting
Отправлено: 11 Октября, 2013 - 17:57:39
Post Id



Новичок


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


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

[+]


IllusionMH пишет:
webdrafting, могли б не создавать топик, раз не нравится вариант решения.
Не могу найти, но на хабре был большой пост с кучей способов выравнивание. Попробуйте поискать там

upd.
http://css-live[dot]ru/articles-css/[dot][dot][dot]-po-shirine[dot]html
и она на хабре http://habrahabr[dot]ru/post/138501/

Вы не поверите, любимый поисковик должен справлятся с запросами типа "habr css горизонтальное выравнивание". Так что лучше искать, а не создавать темы и обижаться


Да я не обижаюсь. Просто смысл отвечать заведомо худшим вариантом ?
 
 Top
DelphinPRO
Отправлено: 11 Октября, 2013 - 19:28:32
Post Id



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


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


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




нормальный проверенный не один раз вариант:

меню выводится в виде маркированного списка (UL)
пункты меню выводятся как строчные блоки, у списка установлено выравнивание justify
у пунктов меню установлено выравнивание center
Чтобы сработал justify, необходимо минимум две строки, поэтому вторую строку эмулируем через псевдоэлемент, ему задаем ширину 100%, чтобы заведомо не поместился на первой строке.
Вот собственно и весь принцип.

Примерчик где-то был, но сейчас не найду, а писать лень Улыбка
Надеюсь с кодом сами справитесь.


-----
Чем больше узнаю, тем больше я не знаю.
 
 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