Getting Image to Appear in Drop-down Menu

Hello All,

If you go to my website (http://www.outplaypoker.com). I am trying to get the first <li> of the dropdown menu to have the background image "navFirst.png". However with my many attempts I cannot simply get it to work.

I was wondering if any experts here could give me a helping hand?

Best Regards,
Nick

 

Though there are many ways to do it, I will like to suggest one which is also independent of JS.
Put a class for that 1st <li>s in the menu and then give a background image for that class with some padding left or right as you wish.

 

I have made a menu like this some time ago without JS.

See: http://dgcomex.com/

Look at the CSS file, all the menu related elements start with .menu

If you need more help, PM me.

 

Guys, Thanks for the turtorials. However I already have the menu made, and the image implemented, I am just having some trouble as to why it is not showing up. It is on my website Outplay Poker.

 

Did you mean to replace text using images? you can use text-indent property. it must be specific in class or ID.

.class {text-indent:-9999px;}

Code (markup):

and use it as..

<li class="class"...

Code (markup):

 

Good Response Friends ............