[Homework] Web Fundamentals (HTML + CSS) - Responsive Design - Bootstrap - септ.2014 - Problem 1 - Как да подравним хоризонтален UL вертикано?

Hristo_Penchev 389 Точки

[Homework] Web Fundamentals (HTML + CSS) - Responsive Design - Bootstrap - септ.2014 - Problem 1 - Как да подравним хоризонтален UL вертикано?

Здравейте,

Пиша първа задача от домашното за респонсив дизайн. Направих всичко с изключение на един дребен детайл. Когато съм в диапазона 640-780 пиксела и страничната навигация падне долу, елементите на листа се нареждат като инлайн блок. Само че поради някаква причина текстът се подравнява по долната си част, не по горната спрямо контейнера. Което ме дразни и не знам как да го оправя. Давам линк към кода си:
http://pastebin.com/SegK5fSi

http://pastebin.com/4UKrpugz

Този проблем съм го срещал и друг път и не знам как да подравня елементите. Опитах да им задам фиксирана височина - пак не се получи.

Тагове:

30/10/2014 15:19:52 Web Fundamentals - HTML5

nikola.m.nikolov 830 Точки

За подравняване на текст в li използвам line-height. Btw има тема за това домашно, в която се коментират всички задачи... Много по-лесно и вероятно е някой да се заинтересова от проблема ти, ако си качил кода в github и пуснеш demo.

30/10/2014 15:28:38 30/10/2014 15:31:36

Hristo_Penchev 389 Точки

Не разбирам как ще стане с line-heigh, Идеята е редовете да почват от едно ниво и да свършват където си искат.

30/10/2014 18:11:07

Hristo_Penchev 389 Точки

Как се пуска демо?

30/10/2014 18:16:54

nikola.m.nikolov 830 Точки

Демо се пуска като си качиш файловете в github и след това към този линк накрая добавиш линка на html файла

http://htmlpreview.github.io/?

А за основния ти въпрос нещо не мога да го разбера явно.

30/10/2014 18:58:24 30/10/2014 19:00:05

Hristo_Penchev 389 Точки

Оправих се. Просто дадох на li-тата в ul vertical-align:top. Този път стана.

30/10/2014 19:09:22