Welcome to WebmasterWorld Guest from 54.157.81.13

Forum Moderators: not2easy

Message Too Old, No Replies

list-style-image problem

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

New User

5+ Year Member

joined:Oct 13, 2009
posts:17
votes: 0


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)

New User

5+ Year Member

joined:Oct 13, 2009
posts:17
votes: 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;

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

Junior Member

10+ Year Member

joined:May 28, 2003
posts: 198
votes: 4


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members