broken site

[Acid]

Originally posted by .Simon.
template looks hot!

I agree!!!!

Its like 20times better than the last one!!

[.Simon.]

although.. it looks like you've forgoten to cut the left hand side of that picture? i can it goes past the edge

[Acid]

Where are you seeing this?

here?

[.Simon.]

yes ;P

[Acid]

Originally posted by .Simon.
yes ;P

good effin catch Simon!!!!!!!!!!!!!!!!!

[Acid]

Fixed ;-) TY again Simon.

[.Simon.]

No problem.


NOW WHERE'S MA MUNEH!?

[Acid]

Originally posted by .Simon.
No problem.


NOW WHERE'S MA MUNEH!?

LOL, I could hear a voice, maybe one from Southpark.

[Acid]

Originally posted by .Simon.
No problem.


NOW WHERE'S MA MUNEH!?

Thats just the first part of the job!!!! LOL

I'll be here beggin for help on this for the next week or 2

Run a tab?

[atholon]

lolz

[Acid]

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'); } 


[Acid]

I fixed it!!!!! :-)

I moved the location of the code in the index file. And it worked.

[Acid]

Peace,

Ok, I'm done.

Total work hours 8.

I also did some research and found out I should group the code in the style sheet, in a way that makes sense.

So I came up with this although I am still thinking about how I want to "present" my code

PHP Code:

/* ===Main Content area Start=== */

#main p {padding: 0; margin: 0;}
#main p.header {margin: 0; font-size:24px; font-family: Arial; color: #3D94FE; text-align: left; position:relative; top: 5px;}
#main p.content {margin: 0; font-size:17px; font-family: Verdana; color: #888888; text-align: left; position:relative; top: 35px}
#home-dots {margin: 0; font-size:17px;  font-family: Verdana; color: #E07A0C; text-align: left; line-height: 22px; position:relative; bottom: -40px; left: -19px;}

/* ===Main Content area End=== */




/* ===Top Links Start=== */


#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; }

/* ===Top Links End=== */




/* ===Footer Start=== */


#bottom-nav p {padding: 0; margin: 0;}
#bottom-nav p.copy {margin: 0; font-size:14px; color: #999; text-align: right; position:relative; bottom: -10px; right: 15px;}
#bottom-nav a {color: #999;}
#bottom-nav a:hover { color: #CCCCCC; } 


/* ===Footer End=== */




/* ===TV link Start=== */


#tv {position:relative; top: -131px; left: 13px;} 

/* ===TV link End=== */





/* ===Box Content for Firefox and Safari Start=== */


#home-box-header p {padding: 0; margin: 0;}
#home-box-header p.copy {margin: 0; font-size:22px; font-family: Arial; font-weight: bold; color: #FFFFFF; text-align: right; position:relative; bottom: 14px; right: 162px;}

#home-box-copy {margin: 0; font-size:13px; color: #888888; font-family: Verdana; font-weight: bold; text-align: left; line-height: 26px; position:relative; bottom: -7px; right: 8px;}

/*end*/
/*\*/


/* ===Box Content for Firefox and Safari End=== */





/* ===Box Content for IE7 Start=== */


html*#home-box-header p {padding: 0; margin: 0;}
html*#home-box-header p.copy {margin: 0; font-size:22px; font-family: Arial; font-weight: bold; color: #FFFFFF; text-align: left; position:relative; bottom: 6px; right: -15px; wrap: no;}
html*#home-dots {margin: 0; font-size:17px;  font-family: Verdana; color: #E07A0C; text-align: left; line-height: 24px; position:relative; bottom: -40px; left: -24px;}

html*#home-box-copy {margin: 0; font-size:13px; color: #888888; font-family: Verdana; font-weight: bold; text-align: left; line-height: 26px; position:relative; bottom: 1px; right: 10px;}
/*end*/
.dummyend[id]{clear:both;}

/* ===Box Content for IE7 End=== */






/* ===Box Content for IE 5 and down Start=== */


/*\*/
* home-box-header p {padding: 0; margin: 0;}
* home-box-header p.copy {margin: 0; font-size:22px; font-family: Arial; font-weight: bold; color: #FFFFFF; text-align: right; position:absolute; bottom: 2px; right: 167px;}

* home-box-copy {margin: 0; font-size:14px; color: #888888; font-family: Verdana; font-weight: bold; text-align: left; line-height: 5px; position:absolute; bottom: 70px; right: 200px;}
/*end*/

/* ===Box Content for IE 5 and down End=== */






/* ===Orange UL Dot Start=== */


ul.orangedot {
  list-style-image: url('../images/orangedot.gif'); }


/* ===Orange UL Dot End=== */