Ok I have a group of links I want to be possitioned absolute top, while I also want content in the middle, and then another set of links possitioned at the bottom. However, my links for the bottom are showing up in the middle of my content and overlapping. My Q is how do I get the bottom links to show at the BOTTOM of the page after EVERYTHING?
Thanks...
Here is part of my css code (the part I'm having trouble with:
.toplinks {width: 100%; float: top; position: absolute; z-index: 3; background-color: #660000; margin-top: 0px; padding: 3px; border: 1px solid black; word-spacing: 1.2em}
.toplinks a {font-family: Arial, Helvetica, sans-serif; color: white; font-size: 10pt; font-weight: bold}
.toplinks a:link {text-decoration: none}
.toplinks a:visited {text-decoration: none}
.toplinks a:hover {color: #FF9900; text-decoration: underline}
.toplinks a:active {text-decoration: none}
.bottomlinks {width: 50%; position: absolute; left: 0px; bottom: 0px; float: baseline; margin-bottom: 1px; padding: 8px; word-spacing: 10px; clear: left}
.bottomlinks a {font-family: Arial, Helvetica, sans-serif; color: #336699; font-size: 9pt}
.bottomlinks a:link {text-decoration: none}
.bottomlinks a:visited {text-decoration: none}
.bottomlinks a:hover {color: black; text-decoration: underline}
.bottomlinks a:active {text-decoration: none}
2006-08-23
20:40:36
·
2 answers
·
asked by
Am
4
in
Programming & Design