Loading...
Hristo_Penchev avatar 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

 

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

Тагове:
0
Web Fundamentals - HTML5
nikola.m.nikolov avatar nikola.m.nikolov 830 Точки

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

1
30/10/2014 15:31:36
Hristo_Penchev avatar Hristo_Penchev 389 Точки

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

0
Hristo_Penchev avatar Hristo_Penchev 389 Точки

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

0
nikola.m.nikolov avatar nikola.m.nikolov 830 Точки

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

http://htmlpreview.github.io/?

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

 

0
30/10/2014 19:00:05
Hristo_Penchev avatar Hristo_Penchev 389 Точки

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

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.