homepage Welcome to WebmasterWorld Guest from 54.242.200.172
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe and Support WebmasterWorld
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved