give a different class to a list item
Posted: Wed Jan 28, 2009 11:19 am
I would like to give every list item a different class, with this i can change text to images in the list.
For every list item I have 2 gifs images, onhover the image is changing.
In original html/css is this really easy to do, but here the menu is controlled by cmsms and I don't know how to get that different class="menu..." in the list line.
this is the html:
Thanks,
Peter
For every list item I have 2 gifs images, onhover the image is changing.
In original html/css is this really easy to do, but here the menu is controlled by cmsms and I don't know how to get that different class="menu..." in the list line.
this is the html:
this is the css:div class="menu">
1
2
Can anyone help me out?.menu ul { list-style:none; padding:0; margin:0; }
.menu ul li a { text-indent:-9000px; display:block; width:250px; margin-right:0px; }
.menu ul li.menu1 a { height:53px; background:url(../images/menu_a.gif); background-repeat: no-repeat; }
.menu ul li.menu1 a:hover { height:53px; background:url(../images/menu_aa.gif); background-repeat: no-repeat; }
.menu ul li.menu2 a { height:94px; background:url(../images/menu_b.gif); background-repeat: no-repeat; }
.menu ul li.menu2 a:hover { height:94px; background:url(../images/menu_bb.gif); background-repeat: no-repeat; }
Thanks,
Peter