Форум Сайтостроение Веб-строительство

CSS наследование

rtyug
На сайте с 13.05.2009
Offline
263
rtyug
550

есть запутанная таблица

в которой НЕ выравнивается по вертикале 

.main tr.top td {

	vertical-align: top;

}

мне в одной таблице в классе header нужно выровнять по вертикале и поставить по центру 

.header tr.top td {

	vertical-align: center

}

т.е. все что внтури main использует только, то что описано про main, а на header (который внтури main) просто игнорирует

===

как мне поставить внтури main в header чтобы выровнять по вертикале по центру одну строку в tr?

===

вот на этой странице не могу выровнять заголовок таблицы по центру по вертикале

http://www.x0.org.ua/view_section/178 

разделы  	подразделы  	темы  	автор  	дата
Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#1

ну для начала не vertical-align: center; а vertical-align: middle; 


.main header tr.top td {

vertical-align:middle;

}

если я правильно понял!

p.s. учите html и css

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
rtyug
На сайте с 13.05.2009
Offline
263
rtyug
#2

данный вариант не работает

все так как и есть

но как тольо я уберу с main эту строку, то все работает vertical-align

пробовал так 

.main .header  {

    line-height: 10px;

    background: #C0C0C0;

    color: #dddddd;

    border : 0px;

	vertical-align : middle !important ;

}

http://www.htmlbook.ru/css/!important.html

другие элементы background: #C0C0C0; работают, но вот vertical-align нет

параметр vertical-align нигде не вызывается....

хотя может я что-то перепутал...

есть еще варианты как сделать то что я спрашивал, чтобы header не наследовал с main?

alexspb
На сайте с 14.11.2005
Offline
187
alexspb
#3
.class1 td {
vertical-align: middle;

}
.class1 td.rule2 {
vertical-align: top;
}

У меня так работает, когда для ячейки (td, а не строки - tr) прописываем именно так td.rule2 - а не .rule2 td

Почему - не знаю

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий