CSS Layout Problem!!! [Archive] - Lissa Explains it All: Web Design Forums

ViciousAquarius

02-22-2006, 01:16 AM

<html>
<head>
<title>Astrology</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;

background-color: #000000;
cursor: crosshair;
border-width: 3;
border-color: #ffff00;
}
BODY, TABLE{
font-family: courier new;
font-size: 9pt;
color: #ffffff;
text-decoration: none;
}
A:LINK{
font-family: courier new;
font-size: 10pt;
color: #00FF00;
font-weight: bold;
text-decoration: none;
}
A:VISITED{
font-family: courier new;
font-size: 9pt;
color: #FF0066;
font-weight: bold;
text-decoration: line-through;
}
A:HOVER{
font-family: courier new;
font-size: 9pt;
color: #CC00CC;
font-weight: bold;
background: #ffffff;
text-decoration: none;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
background-color: #ff0000
}

#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}

#center {
top: 0;
margin-left: 230px;
margin-right: 15px;
}

</style>
</head>

<body>

<div id="header">

<div align="left"><img src="wheee_byme.gif"></div><div align="center"><h2><font color=ffffff>Kirsten's Astrology Page</font></h2></div>

</div>

<div id="left">

<table border="0" cellspacing="0">
<tr>
<td bgcolor="#ff33ff">
<a href="astrology.html"><font size=+1><u>Home</u></font></a><br><br>
<a href="Resources.html"><u>Resources and Links</u></a><br>
<a href="vocab"><u>Vocabulary</u></a><br><hr><br>
<div align="center"><a href="Aries.html">Aries</a><br>
<a href="Taurus.html">Taurus</a><br>
<a href="Gemini.html">Gemini</a><br>
<a href="Cancer.html">Cancer</a><br>
<a href="Leo.html">Leo</a><br>
<a href="Virgo.html">Virgo</a><br>
<a href="Libra.html">Libra</a><br>
<a href="Scorpio.html">Scorpio</a><br>
<a href="Sagittarius.html">Sagittarius</a><br>
<a href="Capricorn.html">Capricorn</a><br>
<a href="Aquarius.html">Aquarius</a><br>
<a href="Pisces.html">Pisces</a></div></td>

</div>

<div id="center">

This is my page about Astrology. I just recently picked up the interest in astrology, so please excuse my amateur knowledge of the subject. I've always had an underlying curiosity for astrology, yet I never found a source as reliable and accurate as Linda Goodman's Sun Signs to wake that inquisitiveness in me.<br><br><div align="center"><img src="drop.gif"</div><br><br>I'm an Aquarian, myself. My <a href="vocab">ascendant</a> is Leo, which means the sign Leo was setting on the eastern horizon when I was being born. I uphold this combination to a 'T.' I have the isolated, humanitarianism of the Aquarius, yet the hopeless romantic and pride of the Leo. I used a <a href=astro.com>natal chart</a> to find what signs have strong influence on me. It was the most accurate one I could find, so I recommend it to anyone who is curious about their ascendant.<br><br>I've used CSS to make navigation through my site as convenient as possible for visitors. Normally, I would ask for comments and suggestions, but since this is a school project, I can't post my e-mail address. Thanks for stopping by, and I hope I supplied enough information!

</div>

</body>
</html>

This is the code. The links and images don't work in it, because I was in the middle of setting up the general layout when it freaked out on me. This is for a class in school, so it's really important that I figure out how to fix it.

Thanks