Page 1 of 1

change border-bottom in menu to a image

Posted: Mon Jan 15, 2007 8:09 pm
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

Re: change border-bottom in menu to a image

Posted: Mon Jan 15, 2007 9:13 pm
by Dr.CSS
Do you have a link we can look at?...

Re: change border-bottom in menu to a image

Posted: Mon Jan 15, 2007 10:05 pm
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.

Re: change border-bottom in menu to a image

Posted: Tue Jan 16, 2007 6:09 am
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...

Re: change border-bottom in menu to a image

Posted: Tue Jan 16, 2007 11:45 am
by poffafett
Thanks! That helped! Good and fast replys, like it!