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

05-01-2011, 07: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, 07: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, 07:59 AM
Okay, let me try that. Right now they are just all the same class

05-01-2011, 08: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, 09:54 AM
Thanks, figured it out.

05-01-2011, 12:16 PM
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...