below is the code that I'm working with trying to create a header. my goal is to have a header and band at the bottom with menue options> I header created, but can't figure out how to float the band to the bottom of the header.
Thank you
<style type="text/css">
.top
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 15%;
margin: 10px;
padding: 5px;
background-image: url(images/header_02.gif);
color: white;
font-family: Arial;
font-weight: 900;
font-size: 20pt;
font-style: italic;
z-index:2;
visibility: visible;
}
.bottom
{
float:bottom;
width: 100%;
height: 5%;
margin: 10px;
padding: 5px;
background-image: url(images/header_03.gif);
color: white;
font-family: Arial;
font-weight: 900;
font-size: 10pt;
font-style: italic;
z-index:2;
visibility: visible;
}
</style>
</head>
<body>
<div>
<A STYLE="text-decoration:none" HREF=http://www.webdeveloper.com/forum/archive/index.php/"/index.php"><span class="top" id="banner">TomorrowNextWeek.com <br />
Lets Talk Money</span></a>
</div>
<A STYLE="text-decoration:none" HREF=http://www.webdeveloper.com/forum/archive/index.php/"/index.php"><span class="bottom" id="banner">Bottom <br />
Lets Talk Money</span></a>
</div>
</body>
</html>header, as in header/footer type terminology? don't say header.. it gets confused with heading tags and head tags. fyi only - no offense... have you tried going about it a different way like this? : position the band absolutely against the header from the top and left like so: top: 450px; left:0px; margin: auto; padding: 0px;
or this: put both the header and the band in a containing div tag. position them inside the div tag relatively or absolutely, then float the whole div.
also, you have one div tag and 2 closing div tags.... you may think your using some css that your not actually using. fix those. let me know how it goes..i will try and help u further.
Thank you
<style type="text/css">
.top
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 15%;
margin: 10px;
padding: 5px;
background-image: url(images/header_02.gif);
color: white;
font-family: Arial;
font-weight: 900;
font-size: 20pt;
font-style: italic;
z-index:2;
visibility: visible;
}
.bottom
{
float:bottom;
width: 100%;
height: 5%;
margin: 10px;
padding: 5px;
background-image: url(images/header_03.gif);
color: white;
font-family: Arial;
font-weight: 900;
font-size: 10pt;
font-style: italic;
z-index:2;
visibility: visible;
}
</style>
</head>
<body>
<div>
<A STYLE="text-decoration:none" HREF=http://www.webdeveloper.com/forum/archive/index.php/"/index.php"><span class="top" id="banner">TomorrowNextWeek.com <br />
Lets Talk Money</span></a>
</div>
<A STYLE="text-decoration:none" HREF=http://www.webdeveloper.com/forum/archive/index.php/"/index.php"><span class="bottom" id="banner">Bottom <br />
Lets Talk Money</span></a>
</div>
</body>
</html>header, as in header/footer type terminology? don't say header.. it gets confused with heading tags and head tags. fyi only - no offense... have you tried going about it a different way like this? : position the band absolutely against the header from the top and left like so: top: 450px; left:0px; margin: auto; padding: 0px;
or this: put both the header and the band in a containing div tag. position them inside the div tag relatively or absolutely, then float the whole div.
also, you have one div tag and 2 closing div tags.... you may think your using some css that your not actually using. fix those. let me know how it goes..i will try and help u further.