My
jquery version.
It inserts additional
li element with extra class.
This way i can style the separator different way and without
:hover.
var menuItem = $('ul#yourMenu li');
var i=0;
while (i<menuItem.length-1){
menuItem.eq(i).after('<li class="menuSeparator">|</li>');
i++;
}
...
<li class="navitems"> <a href="blog/" >Blog</a> </li>
<li class="menuSeparator">|</li>
<li class="navitems"> <a href="portfolio/" >Portfolio</a> </li>
...
I was trying with css
:after and
content but with no luck.
This css way doesn't work in IE.
I mean, not that I care anyway.
No candy for suckers.
