Page 1 of 1
How do I Add an image to separate each menu item?
Posted: Fri Jun 10, 2011 9:16 pm
by Johnnybucks
I want to make it so there is an image (a star) between each menu link. If I am using the "cssmenu_ulshadow.tpl" for my menu, how would I go about doing this?
Thanks in advance.
Re: How do I Add an image to separate each menu item?
Posted: Mon Jun 13, 2011 4:13 pm
by uniqu3
the easiest method would be to use css background property
Something like:
Code: Select all
#menuwrapper ul li a {
background: url(path/to/your/star.gif) no-repeat left;
padding-left: width-of star-image px;
}
Re: How do I Add an image to separate each menu item?
Posted: Fri Jul 22, 2011 2:30 am
by elkman
What would you do to include the star on the left of each second level menu item using a horizontal menu with drop downs?
Re: How do I Add an image to separate each menu item?
Posted: Sun Oct 02, 2011 9:16 pm
by Dr.CSS
#primary-nav li li {background image and padding to fit it in}...
#primary-nav li li a if using the image in the "a"...
Re: How do I Add an image to separate each menu item?
Posted: Mon Oct 03, 2011 5:38 pm
by elkman
Thanks, Dr.CSS