Log in

View Full Version : 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:


.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):


.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

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