CODEWITHSUNDEEP
css
Tom
Tom

Reputation: 3

css issue with tables

I asked a question a few minutes ago and tried all of the suggestions. I still am having an issue getting this just right. I have found the block of css that is causing the issues and need a solution.

I have 2 files. The first file has all of the css that I used when I made the form. When I had the form looking the way I liked it, I put all of that relevant code into a different stylesheet. The new stylesheet is overriding some of my values and causing things to look bad.

This is what I want and is all I require.

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

This however is the block of code that is making things break. I don't want any of this. Is there a way to override it? The line-height specifically is really making things look horrible. If I remove the line height attribute then other parts of my site break.

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

Upvotes: 0

Views: 67

Answers (3)

Christian Mann
Christian Mann

Reputation: 8125

You can directly override it in the specific style, like this:

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

Check out Firebug's CSS browser and calculator to see what is the "default" value.

Upvotes: 0

Alex
Alex

Reputation: 66032

Try changing line-height to something a little smaller. Something like this (targeting specific problem elements):

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

You can also specify normal to line-height:

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

Upvotes: 2

Manny
Manny

Reputation: 6297

You can override all the attributes in your general css declarations into your specific style and add !important to ensure it is followed, e.g. for line height you can use:

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

Upvotes: 2

Related Questions