kingkol
msg:4355500 | 11:56 am on Aug 26, 2011 (gmt 0) |
code is like
#menu_bar ul
{
margin-left:50px;
}
#menu_bar ul li
{
float:left;
margin-left:10px;
margin-right:10px;
list-style-image:url(divider.png);
}
#menu_bar ul li a
{
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:15px;
display:inline-block;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
|
Paul_o_b
msg:4355584 | 3:37 pm on Aug 26, 2011 (gmt 0) |
The list style image has no precise positioning control so most authors don't use it at all.
Instead they use a normal background image instead and have all the background-position properties available to them so the image can be placed with pixel perfection cross browser.
|
|
