Peace,
Ok, here is my next problem.
I did a slice job on the template and started adding in the content.
I got the mouseovers working. The tv commercial button and the top links are looking the way I want. The gray box is done as well. I even got the site looking the same across different browsers (used a css hack)
But the footer is not working like I want. In the style sheet I set it to position relative. Just like the top links, the tv and the gray box content. But it will not hold its position!!! If you resize the window smaller, it moves with it, instead of staying in its place.
I am very new to using css to define content. So I need help :-)
Here is my css code, which I also need to know how to set it up nice a clean, so anyone can easily look at it, and edit it. I don't want someone coming behind me and saying how horrible my code is. :-)
Thank you!!!!!
PHP Code:
#top-nav p {padding: 0; margin: 0;}
#top-nav p.copy {margin: 0; font-size:14px; color: #999; text-align: right; position:relative; top: 50px; right: 30px; word-spacing: 5pt;}
#top-nav a {color: #999;}
#top-nav a:hover { color: #CCCCCC; }
#bottom-nav p {padding: 0; margin: 0;}
#bottom-nav p.copy {margin: 0; font-size:14px; color: #999; text-align: right; position:relative; top: -52px; right: 215px;}
#bottom-nav a {color: #999;}
#bottom-nav a:hover { color: #CCCCCC; }
#tv {position:relative; top: -131px; left: 4px;}
#home-box-header p {padding: 0; margin: 0;}
#home-box-header p.copy {margin: 0; font-size:22px; font-weight: bold; color: #FFFFFF; text-align: right; position:relative; bottom: 2px; right: 167px;}
#home-box-copy {margin: 0; font-size:15px; color: #888888; font-weight: bold; text-align: left; line-height: 30px; position:relative; bottom: -7px; right: 11px;}
/*end*/
/*\*/
html*#home-box-header p {padding: 0; margin: 0;}
html*#home-box-header p.copy {margin: 0; font-size:22px; font-weight: bold; color: #FFFFFF; text-align: right; position:relative; bottom: 2px; right: 167px; wrap: no;}
html*#home-box-copy {margin: 0; font-size:15px; color: #888888; font-weight: bold; text-align: left; line-height: 30px; position:relative; bottom: 1px; right: 10px;}
/*end*/
.dummyend[id]{clear:both;}
/*\*/
* home-box-header p {padding: 0; margin: 0;}
* home-box-header p.copy {margin: 0; font-size:22px; font-weight: bold; color: #FFFFFF; text-align: right; position:absolute; bottom: 2px; right: 167px;}
* home-box-copy {margin: 0; font-size:15px; color: #888888; font-weight: bold; text-align: left; line-height: 5px; position:absolute; bottom: 70px; right: 200px;}
/*end*/
ul.orangedot {
list-style-image: url('../images/orangedot.gif'); }