2010-11-10 4 views
0

Я задал вопрос несколько минут назад и попробовал все предложения. У меня все еще есть проблема, когда это правильно. Я нашел блок css, который вызывает проблемы и нуждается в решении.css issue with tables

У меня есть 2 файла. В первом файле есть все css, которые я использовал, когда я сделал форму. Когда у меня была форма, выглядящая так, как мне понравилось, я поместил весь этот соответствующий код в другую таблицу стилей. Новая таблица стилей переопределяет некоторые мои ценности и заставляет вещи выглядеть плохо.

Это то, что я хочу и все, что мне нужно.

#password #header td { 
padding-top:90px; 
vertical-align:top; 
} 

Однако это блок кода, который делает вещи ломаются. Я не хочу этого. Есть ли способ переопределить его? Высота линии конкретно делает вещи выглядят ужасно. Если я удаляю атрибут высоты линии, тогда другие части моего сайта разбиваются.

td, th { 
color:#000000; 
font-family:verdana,geneva,sans-serif; 
font-size:12px; 
line-height:17px; 
margin:0; 
padding:0; 
} 

ответ

2

Вы можете переопределить все атрибуты в ваших общих объявлениях css в свой конкретный стиль и добавить! Важно для обеспечения его соблюдения, например. для высоты линии Вы можете использовать:

#password #header td { 
    padding-top:90px; 
    vertical-align:top; 
    line-height: normal !important; 
} 
+0

Теперь это может быть победитель, Мэнни. BRB. – Tom

+0

Ты да бомба сэр! Спасибо, это работает как шарм. Спасибо – Tom

+0

Использование! Важно не лучше всего, см. Http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/ – AUSteve

2

Попробуйте изменить высоту линии на нечто меньшее. Нечто подобное (ориентированные на конкретные проблемные элементы):

#password #header td { 
    line-height:10px; 
} 

Вы также можете указать normal к line-height:

#password #header td { 
    line-height:normal; 
} 
+0

Эй, Алекс, еще раз спасибо за помощь. Я пробовал это, но он берет весь мой текст и помещает его чуть ли не поверх других строк. – Tom

+0

@Tom не проблема. См. Мой обновленный ответ. CSS требует много настроек и просмотра того, что вам нравится. Отсюда просто подстройте свою «линию высоты», пока вам не понравится то, что вы видите. – Alex

+0

Любая причина для downvote? Просто пытаюсь помочь здесь. Но хорошо. – Alex

0

Вы можете непосредственно заменить его в определенном стиле, например:

 
#password #header td { 
    padding-top:90px; 
    vertical-align:top; 
    line-height:12px; /*Or whatever is relevant*/ 
} 

Ознакомьтесь с браузером и калькулятором CSS Firebug, чтобы узнать, что такое значение по умолчанию.

+0

Я пытался настроить высоту линии независимо от того, что интерпретирует браузер, если атрибут line-height отсутствует, но я не могу понять это правильно. Это просто не выглядит одинаково. – Tom