2010-01-12, 10:34 PM
Hi all! I need some help with this theme I'm trying to code. Whenever I put this css in for the header I have, the cell padding on all the tables goes away. It is as if there is no cell padding at all. When I take out the css it is fixed but only when I take out all of it. I tried just to take out certain parts but had no luck. Here is the css I have added the rest of the css in the theme is still default as I am at a loss how to fix this.
Also here is a screen shot of what I'm talking about.
/*header*/
#header {
height: 150px;
}
#header .row-1 {
height:93px; background:url(images/header-bg1.jpg) no-repeat left top;
}
#header .row-1 .fleft {
padding:19px 0 0 45px;
}
#header .row-1 .fright {
padding:34px 53px 0 0;
}
#header .row-2 {
}
.nav-box {
background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;
}
.nav-box .left {
background:url(images/nav-box-left.gif) no-repeat left top;
}
.nav-box .right {
background:url(images/nav-box-right.gif) no-repeat right top; height:60px; padding-left:5px;
}
.header-box {
background:url(images/header-box.jpg) no-repeat left top; width:584px; height:320px; float:left;
}
.header-box .inner {
padding:75px 0 0 43px;
}
.header-box .slogan {
margin-bottom:38px;
}
.nav {
width:100%; overflow:hidden;
}
.nav li {
display:block; float:left; margin-left:-2px;
}
.nav li a {
display:block; color:#002e7a; text-decoration:none; float:left; background:url(images/divider.gif) no-repeat left top; font-size:1.1em; padding:21px 36px 17px 40px; text-transform:capitalize;
}
.nav li a:hover {
color:#0d92ca; text-decoration:underline;
}
* {
margin:0; padding:0;
}
Also here is a screen shot of what I'm talking about.