Welcome to WebmasterWorld Guest from 54.198.87.238

Forum Moderators: not2easy

Message Too Old, No Replies

list-style-image problem

     
11:53 am on Aug 26, 2011 (gmt 0)

5+ Year Member



Hi
I am having problem to position bullet.I am using a custom image for the bullet.But it seem that bullet image is aligned with bottom of the text.When I tried to vertically center the text the bullet is moving up.

How to fix that?Thanks in advance.
11:56 am on Aug 26, 2011 (gmt 0)

5+ Year Member



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;

}
3:37 pm on Aug 26, 2011 (gmt 0)

10+ Year Member



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.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month