change border-bottom in menu to a image

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
poffafett

change border-bottom in menu to a image

Post by poffafett »

Im working on a page and Im using a standard templet thats uses "Navigation: Simple - verticle" css. I want here to change the border-bottom under the links in the menu to a image:

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: url(uploads/images/hoplijn.gif) no-repeat 0.4em center; (this line I want to work with a image)
   }

Im using CMSMS 1.0.2.
Hope you understand what I meen!
/Nisse
Last edited by poffafett on Mon Jan 15, 2007 8:12 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: change border-bottom in menu to a image

Post by Dr.CSS »

Do you have a link we can look at?...
poffafett

Re: change border-bottom in menu to a image

Post by poffafett »

Im afraid not, I am workíng on my computer and using webserver on it, so I dont have any site on the web yet.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: change border-bottom in menu to a image

Post by Dr.CSS »

You can try background: url(uploads/images/hoplijn.gif) no-repeat left bottom;    center will put it in the vertical center like the default arrows in the menu >
You will probably need to add some space at the bottom to make room for it unless you want it behind the text...
poffafett

Re: change border-bottom in menu to a image

Post by poffafett »

Thanks! That helped! Good and fast replys, like it!
Locked

Return to “Layout and Design (CSS & HTML)”