homepage Welcome to WebmasterWorld Guest from 54.226.80.55
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
list-style-image problem
kingkol




msg:4355499
 11:53 am on Aug 26, 2011 (gmt 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.

 

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved