I would like to use the image of a button for the background of each nav bar item. I have eight menu items and I have specified a width of 94px for each. For test purposes, I have created an image that is 94px by 34px. [img:3rtgdpnz]http://ibmh.org/dynamsys.com/images/button-6399.png[/img:3rtgdpnz] The web site is http://ibmh.org/dynamsys.com/%5B/url:3rtgdpnz%5D. Where and how do I put the image into the CSS?
I think the following code should work (untested):
[code:2tklyzva]#suckerfishnav li {background:url(‘bla.jpg’);width:94px;height:34px;}[/code:2tklyzva]
Note, that this only allows for menu items with a fixed width, not flexy width. I make flexy width buttons for our premium support members as they’re not particularly easy to work with.