Loading...
a.angelov avatar a.angelov 1316 Точки

[Homework] Web Fundamentals (HTML + CSS) - HTML Tables - септ.2014

Време е за тема и за третото домашно - HTML Tables.

Ето моите решения:

01-SimpleTable: HTML, CSS, DEMO;

02-ExamResults: HTML, CSS, DEMO;

03-NestedTables: HTML, CSS, DEMO;

04-WebSiteHeader: HTML, CSS, DEMO;

05-LifeInSoftUni: HTML, CSS, DEMO;

06-LifeInSoftUni-Keyboard: HTML, CSS, DEMO;

07-Calculator: HTML, CSS, DEMO.

 

Има някои неща за доизкусоряване/доукрасяване, но общо взето е близо до окончателния си вариант smile

Коментарите и препоръките са добре дошли както винаги smile

4
Web Fundamentals - HTML5 07/10/2014 15:20:39
atanasovam avatar atanasovam 39 Точки

Имам един въпрост за 6та задача - как да го направя така, че vertical-align-а да работи?

html

css

demo

0
a.angelov avatar a.angelov 1316 Точки

Сложи padding-top на .myButton /за всички клетки/ или на селектор за всяка клетка по отделно и си готов.

1
09/10/2014 20:33:17
atanasovam avatar atanasovam 39 Точки

Тва работи, ама не може ли стане с vertical-align някак си... според tutorial-ите, които намерих в google трябва да сложа един ред

 td {

 vertical-align: middle;

}

и всичко да се оправи, ама нещо не желае :\

0
a.angelov avatar a.angelov 1316 Точки

Сега забелязах - не работи, защото класът ти е на тага "а", а не на td и реално не подравняваш съдържанието на клетката, а на линка - а там няма какво да се подравнява :)

Тоест - трябва да имаш някакъв селектор за съответната клетка за да ти работи vertical-align.

0
09/10/2014 21:34:22
atanasovam avatar atanasovam 39 Точки

Оф мн съм зле
трябваше ми на 5та задача да го глася, не на 6та...

html

css

demo

 

трябва Social Life и Sleep да са точно по средата и пробвам да го сложа тоя vertical-align по всякакъв начин и не става

0
a.angelov avatar a.angelov 1316 Точки

Вариант ти е да направиш за клетките с клас .center така:

.center {
vertical-align: middle !important;
text-align: center !important;
}

 

Проверявай през inspect element дали ти прихваща стиловете и защо не ги прихваща. При твоя код стила не се прихващаше, а се зареждаше стил на клетки от tbody-то.

ПС. Забелязах и други грешки - в thead нямаш tr, а директно си сложил th. например. Липсва ти и една точка и запетя тук: <th colspan=3>Beer &gt;</th>

 Валидирай кода за да си сигурен че е правилен :)

1
atanasovam avatar atanasovam 39 Точки

Проработи, че даже се и валидира!

Благодаря ти

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