[css-d] Is it possible to place different images next to different menu items using CSS?

2006-06-24 Thread Jasmin Marcolin
Would anybody know if it is possible to have different images placed next to 
different menu items using vertical css menus with dropdown menus? 

For example, if I had a menu item called Chair and wanted to place a small 
image of a chair next to this menu item and then if there was another menu item 
called Table and I wanted to place an image of a table next to this menu item 
would this be possible using css??

Jasmin

P.S.  Sorry if I sound ignorant with this question but I am relatively new to 
CSS.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Is it possible to place different images next to different menu items using CSS?

2006-06-24 Thread Christian Montoya
On 6/25/06, Jasmin Marcolin [EMAIL PROTECTED] wrote:
 Would anybody know if it is possible to have different images placed next to 
 different menu items using vertical css menus with dropdown menus?

 For example, if I had a menu item called Chair and wanted to place a small 
 image of a chair next to this menu item and then if there was another menu 
 item called Table and I wanted to place an image of a table next to this 
 menu item would this be possible using css??

Each menu would need a different ID or CLASS in order to do this:

ul
li class=chairchair/li
li class=tabletable/li
/ul

then it would be possible to style each with a background image.

li.chair {
background-image:url(chair.png) left center no-repeat;
padding-left:WIDTH-OF-CHAIR;
}

-- 
-- 
Christian Montoya
christianmontoya.com ... portfolio.christianmontoya.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/