i am trying to include a banner file at the top of my page. the page uses layers so the navcontainer is to the left and content to the right. I want the nav container and content below the banner. How do i do this. if you go to www.btr-services.com/CDM3 you will see the layout of the page.
Here is my css:
#navcontainer
{
margin: 0;
padding: 5px 0 7px 5px;
width: 740px;
line-height: 1.75;
background-color: #ddd;
font-family: Arial, Helvetica, sans-serif;
font-size: 60%;
}
ul#navlist
{
display: inline;
list-style: none;
}
ul#navlist li
{
float: left;
width: auto;
margin-right: 5px;
border: 2px solid #fff;
background-color: #ddd;
}
ul#navlist li a
{
padding: 0 7px;
line-height: 1.75;
text-decoration: none;
color: #03C;
}
ul#navlist li a#current
{
background-color: #FFFF00;
color: #000000;
text-transform: uppercase;
font-weight: bold;
}
ul#navlist li a:hover, ul#navlist a#current:hover
{
background-color: #777;
color: #fff;
}
ul#navlist li a:active, ul#navlist li#active a#current:active
{
background-color: #f63;
color: #fff;
}
#navcontainer2
{
margin: 0;
padding: 5px 0 7px 5px;
width: 190px;
line-height: 1.75;
background-color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
}
#navlist2
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: blue;
width: 13em;
}
#navlist2 li
{
list-style: none;
margin: 0;
border-top: 1px solid blue;
text-align: left;
}
#navlist2 li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid red;
background: white;
text-decoration: none;
}
#navlist2 li a:link { color: blue; }
#navlist2 li a:visited { color:black; }
#navlist2 li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}
#navlist3 li{list-style-type: disc; }
#navlist3 li a:link{color: blue; text-decoration:underline;}
