|
shellaire -> space beneath my banner image and above my nav bar (1/28/2008 17:21:21)
|
This has got to be simpler than I am making it!
I am having trouble finding the reason there is a space beneath my banner image and above my nav bar. I just started creating this site, so please be kind.
* { padding: 0; margin: 0; }
body {
background: #D5bfff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #330099;
}
#wrapper{ width: 922px;
margin: 0 auto;
background: #D5BFFF;
}
#header {
color: #330099;
width: 922px;
background: #C8C8C8;
}
#navigation {
color: #DABFFF;
width: 922px;
background: #400099;
font-family: "Arial";
padding: 0;
margin: 0;
}
#navigation ul li {
display: inline;
padding: 0;
margin: 0;
}
#navigation ul li a {
padding: 7px 20px;
}
#navigation ul li a:hover {
background: #AA8OFF;
}
#leftcolumn {
color: #000066;
width: 222px;
float: left;
text-align:center;
padding: 5px;
}
.hours {
color: #000066;
text-align: left;
font-size: 15px;
margin-left: 20px;
}
/*.hours li {
list-style-type: none;
margin-left: -15px;
}*/
#content {
float: left;
color: #000066;
margin: 0px;
padding: 0px;
width: 456px;
display: inline;
color: #000080;
}
#content h1, h2, h3 {
text-align: center;
}
img.imageleft {
border: none;
float: left;
margin: 0px 5px 5px 2px;
}
#rightcolumn {
margin: 0px ;
width: 222px;
display: inline;
text-align: center;
color: #000066;
float: left;
padding: 5px;
border-left: 1px solid grey;
}
#footer {
width: 920px;
clear: both;
color: #000066;
border: 1px solid #ccc;
background: #BD9C8C;
margin: 0px 0px 10px 0px;
}
h1 {
margin:0;
font-family: "Georgia","times new roman";
font-size: 46px;
color: #003F5B;
}
h1.smaller {
margin:0;
font-family: "Georgia","times new roman";
font-size: 25px;
color: #330099
}
a:link, a:visited {
font-weight: bold;
color: #0033ff;
text-decoration: none;
}
a:hover {
font-weight: bold;
color: #660099;
text-decoration: underline;
}
h2 {margin-top:0; margin-bottom:0px}
p {margin-top:0; margin-bottom:12px}
|
|
|
|
