[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.
Има някои неща за доизкусоряване/доукрасяване, но общо взето е близо до окончателния си вариант 
Коментарите и препоръките са добре дошли както винаги
Сложи padding-top на .myButton /за всички клетки/ или на селектор за всяка клетка по отделно и си готов.
Тва работи, ама не може ли стане с vertical-align някак си... според tutorial-ите, които намерих в google трябва да сложа един ред
td {
vertical-align: middle;
}
и всичко да се оправи, ама нещо не желае :\
Сега забелязах - не работи, защото класът ти е на тага "а", а не на td и реално не подравняваш съдържанието на клетката, а на линка - а там няма какво да се подравнява :)
Тоест - трябва да имаш някакъв селектор за съответната клетка за да ти работи vertical-align.
Оф мн съм зле
трябваше ми на 5та задача да го глася, не на 6та...
html
css
demo
трябва Social Life и Sleep да са точно по средата и пробвам да го сложа тоя vertical-align по всякакъв начин и не става
Вариант ти е да направиш за клетките с клас .center така:
.center {
vertical-align: middle !important;
text-align: center !important;
}
Проверявай през inspect element дали ти прихваща стиловете и защо не ги прихваща. При твоя код стила не се прихващаше, а се зареждаше стил на клетки от tbody-то.
ПС. Забелязах и други грешки - в thead нямаш tr, а директно си сложил th. например. Липсва ти и една точка и запетя тук: <th colspan=3>Beer ></th>
Валидирай кода за да си сигурен че е правилен :)
Проработи, че даже се и валидира!
Благодаря ти