Novahq.net Forum

Novahq.net Forum (https://novahq.net/forum/index.php)
-   Web design and Programming (https://novahq.net/forum/forumdisplay.php?f=32)
-   -   broken site (https://novahq.net/forum/showthread.php?t=42719)

Acid 02-27-2009 05:50 PM

Quote:

Originally posted by .Simon.
template looks hot!
I agree!!!!

Its like 20times better than the last one!!

.Simon. 02-27-2009 05:54 PM

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

Acid 02-27-2009 06:00 PM

Where are you seeing this?

here?

http://audiclean.com/beta/new/images/this.jpg

.Simon. 02-27-2009 06:21 PM

yes ;P

Acid 02-27-2009 06:32 PM

Quote:

Originally posted by .Simon.
yes ;P
good effin catch Simon!!!!!!!!!!!!!!!!!

Acid 02-27-2009 06:36 PM

Fixed ;-) TY again Simon. :cool:

.Simon. 02-27-2009 06:38 PM

No problem.


NOW WHERE'S MA MUNEH!?

Acid 02-27-2009 06:41 PM

Quote:

Originally posted by .Simon.
No problem.


NOW WHERE'S MA MUNEH!?

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

Acid 02-27-2009 06:42 PM

Quote:

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 :cool:

Run a tab?;)

atholon 02-27-2009 06:44 PM

lolz

Acid 02-28-2009 10:44 AM

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 {padding0margin0;}
home-box-header p.copy {margin0font-size:22pxfont-weightboldcolor#FFFFFF; text-align: right; position:absolute; bottom: 2px; right: 167px;}

home-box-copy {margin0font-size:15pxcolor#888888; font-weight: bold; text-align: left; line-height: 5px; position:absolute; bottom: 70px; right: 200px;}
/*end*/

ul.orangedot {
  list-
style-imageurl('../images/orangedot.gif'); } 


Acid 02-28-2009 01:16 PM

I fixed it!!!!! :-)

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

Acid 02-28-2009 04:10 PM

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 :cool:

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 {padding0margin0;}
home-box-header p.copy {margin0font-size:22pxfont-familyArialfont-weightboldcolor#FFFFFF; text-align: right; position:absolute; bottom: 2px; right: 167px;}

home-box-copy {margin0font-size:14pxcolor#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-imageurl('../images/orangedot.gif'); }


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



All times are GMT -5. The time now is 06:25 AM.

Powered by vBulletin®