View Full Version : Can you have multiple background images in a menu nav

05-01-2011, 06:10 AM
Hey guys, so i have a question / problem for you.
Iv decided to make a site.
And in the Menu, i have a divider for the background image of each LI.
But what i also want is to have a hover background image.

So when i hover over the item, such as home.
At the top of the Home Menu, there is a glowy like thing.

The glow im using is http://armstrongwebandgraphic.com/Aarons-New-Site/rollover-glow.png

You can find the website at http://armstrongwebandgraphic.com/Aarons-New-Site/

So is there anyway to have multiple background images ?

Any help would be greatly appreciated.

05-01-2011, 06:36 AM
Yes, each LI must have its own class, like home etc.

so it would be li class="home"

(assuming the li's aren't already a specific class...)

05-01-2011, 06:59 AM
Okay, let me try that. Right now they are just all the same class

05-01-2011, 07:34 AM
Hey, so im having some trouble with this.
Anyway you could show me an example of the css and html to do this.

05-01-2011, 08:54 AM
Thanks, figured it out.

05-01-2011, 11:16 AM
hey aaronhockey

i don't know which way u found out but u can use one image, that has all images u want to use in ur nav bar, and add span tag inside every nav with link class and use that same image by changing background-position (better change classes for every link rather than using span for that)...

dis technique is called css image sprites...

hope dis help more...

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum