Page 1 of 1
Add picture to vertical menu items
Posted: Sun May 28, 2006 3:34 pm
by Kaylen
Hi,
I am using the template Ellnav-horiz/ver l 1 col and for the menu items in the left vertical navigation I want to add an image, but I don't know how to do that....
I also want the name of the parent page to be the topmenu item and also don't know how to do that...
see attachment
May thanks in advance for your help!!
[attachment deleted by admin]
Re: Add picture to vertical menu items
Posted: Sun May 28, 2006 6:56 pm
by Kaylen
My menu now looks like what I have attached here, but I want it to look like the menu I posted earlier...
Can someone please help me?
Surely it must be possible to add an image before every menu item?
[attachment deleted by admin]
Re: Add picture to vertical menu items
Posted: Sun May 28, 2006 8:52 pm
by Greg
You can do this by adding something like the following to your Nav-Vertical stylesheet
Code: Select all
#menu_vert li {
list-style: none;
background: url(uploads/images/my.gif) no-repeat 0 50%;
padding-left: 30px;
}
Re: Add picture to vertical menu items
Posted: Sun May 28, 2006 8:55 pm
by Dr.CSS
you can goto Menu Manager and make a new menu template....
just copy the one you are using now and put the img. in front...
one way to check where you need to put it is to go thru the menu and put, starting at the top in front of the tags,
numbers like 1 2 in front of the tags( not extra tags) then view your page and look at the source, they can be deleted later, i had 10 in a menu one time trying to figure something out, i put them in front and back of every tag in the menu
....
mess around with it you can always go back to the original...
you will need to put the
template='nameofyourtemplate.tpl' at the end in the template where you call out the menu...
mark
Re: Add picture to vertical menu items
Posted: Mon May 29, 2006 8:39 am
by Kaylen
greg, thnx for the info but I tried that already and then the picture appears behind the tekst (indeed a background picture then) but that is not what I want, I want the image to appear before the tekst....
Mark thnx I will try that and let you now if it works.....