Silly question

**dazzled** · 07-04-2008, 05:21 PM

Hi, I am new here. I am maintaining a friends website:

www.thegreyroost.com

she wants to make a page for her store, just as a test before we get a new domain and start another site. I tried to throw up another page, and we want to change the header banner on just that page to be relevant to her store. The banner is default for all pages and already written into the css. How do I make the banner different for just that one page?

Thanks

**traq** · 07-04-2008, 07:13 PM

you have this in your css file:

Code:

.tophead {
	background-image: url(../img/topbar.png);
	height: 31px;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

Just put an internal style sheet in the page in question specifying a new background for that div, and it will override the external stylesheet's bg. Like so (in the <head> section):

Code:

.tophead {
     background-image: url(../img/othertopbar.png);
}

**magicyte** · 07-08-2008, 06:23 PM

That, or you could just define a whole new CSS area. I think you should have included this thread in CSS, by the way.

-magicyte

**traq** · 07-09-2008, 01:03 AM

yeah, like naming the "tophead" div on that page "othertophead" and giving it it's own css

Code:

.othertophead {
	background-image: url(../img/othertopbar.png);
	height: 31px;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}

Thread: Silly question

Thread Tools

Search Thread

Silly question

Bookmarks

Bookmarks

Posting Permissions