...

View Full Version : CSS black blocks???



ERAEK
09-19-2007, 08:09 PM
:confused: I don't know what the problem is...I'm sure it's really simple. I'm trying to teach myself CSS so this is my first attempt. Here's the page I'm working on - http://www.happyhourhousewives.com, and you can see the black blocks at the bottom of the page, where I want it to be white.
Any help would be GREATLY appreciated!!

Here's my CSS -



html {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(happyimages/wallpaper4.gif) background-attachment: fixed)
color: #5f5455;
text-align: center;
}

body {
margin: 20px auto 0 auto;
text-align: left;
width: 703px;
background-color: #FFFFFF;
color: #FFFFF;
}

html > body {
background: #FFFFFF url(happyimages/logo.gif) repeat-y center;
}

div#container {
background: #282828 url(happyimages/logo.gif) repeat-y center;
width: 703px;
}

ul#topnav {
margin: 0;
padding: 10;
height: 33px;
background: #282828 url(happyimages/logo.gif) no-repeat bottom right;
}

ul#topnav li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 10;
}

ul#topnav li a.bigtab:link, ul#topnav li a.bigtab:visited {
background: #282828 url(happyimages/logo.gif) no-repeat;
height: 24px;
width: 65px;
padding: 10px 0 0 0;
text-align: center;
font-size: 9px;
color: #bfb2b3;
text-decoration: none;
display: block;
}

ul#topnav li a.bigtab:hover, ul#topnav li a.bigtab:active {
background: #282828 url(happyimages/logo.gif) no-repeat;
color: #5f5455;
height: 24px;
width: 65px;
padding: 10px 0 0 0;
text-align: center;
font-size: 9px;
display: block;

}


ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
background: #282828 url(happyimages/logo.gif) no-repeat;
height: 24px;
width: 235px;
padding: 10px 0 0 0;
text-align: left;
font-size: 9px;
color: #bfb2b3;
text-decoration: none;
display: block;
}

ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
background: #282828 url(happyimages/logo.gif) no-repeat;
color: #5f5455;
height: 24px;
width: 235px;
padding: 10px 0 0 0;
text-align: left;
font-size: 9px;
display: block;

}

ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
background: #282828 url(happyimages/logo.gif) no-repeat;
height: 24px;
width: 110px;
padding: 10px 0 0 0;
text-align: left;
font-size: 9px;
color: #bfb2b3;
text-decoration: none;
display: block;
}

ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
background: #282828 url(happyimages/logo.gif) no-repeat;
color: #5f5455;
height: 24px;
width: 110px;
padding: 10px 0 0 0;
text-align: left;
font-size: 9px;
display: block;

}
div#left {
width: 150px;
height: 1900px;
float: left;
background-color: #fff;
color: inherit;
}

div#left h2 {
font-size: 10px;
font-weight: normal;
background-color: inherit;
color: #fff;
margin: 0;
padding: 12px 0 0 15px;
background-image: url(happyimages/left_content_header.gif);
height: 20px;
width: 150px;
}

ul#leftnav {
margin: 0;
padding: 0;
}

ul#leftnav li {
list-style-type: none;
display: block;
margin: 0;
background-image: url(happyimages/left_nav_link_bg.gif);
}

ul#leftnav li a:link, ul#leftnav li a:visited {
background-color: inherit;
color: #5f5455;
text-decoration: none;
display: block;
height: 20px;
padding: 6px 0 0 20px;
}

ul#leftnav li a:hover, ul#leftnav li a:active {
background-image: url(happyimages/left_nav_link_bg_hover.gif);
display: block;
height: 20px;
}

#art {
margin: 0;
padding: 10px;


}

div#right {
width: 485px;
float: right;
background-color: #fff;
color: inherit;
}






div#right h2 {
font-size: 10px;
font-weight: normal;
color: #c1b1b3;
margin: -3px 0 0 0;
background: #fff url(happyimages/main_content_header.gif) no-repeat;
height: 25px;
width: 485px;
padding: 12px 0 0 15px;
}

div#container > div#right h2 {
margin: 0;
background: #fff url(happyimages/main_content_header.gif) no-repeat;
}

div#maincontent {
width: 485px;
background: #fff url(happyimages/main_content_header.gif) no-repeat;
}
div#maincontent p {
margin: 0;
padding: 10px 10px 10px 5px;
background: #fff url(happyimages/main_content_header.gif) no-repeat;

}

a:link,a:visited {
color: #9b346c;
text-decoration: none;
}

a:hover, a:active {
color: #e57aa5;
}

h3 {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 5px;
width: 485px;
background: #f0f0f0;
font-size: 10px;
}

p#footer {
clear: both;
width: 701;
height: 26px;
padding: 10px 0px 0px 0px;
background: #d2cfd0;
border: 1px solid #fff;
border-top: 0;
color: #fff;
text-align: center;
font-size: 8px;
margin: 0;
}

jlhaslip
09-19-2007, 08:24 PM
I am seeing pictures there. Clear your cache???



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum