子弹图像位置

Question

我在菜单中定位的子弹有问题。

我使用自定义图像作为子弹。但子弹图像与文字的底部对齐。所以，当我试图在对齐的MENU_BAR li中心div文本，子弹图像动起来。

如何解决这样的子弹像留在与文本的中心。

提前致谢

Answer 1

检查CSS vertical-align属性或使整个背景图像的子弹一部分你的链接，没有看到你正在试图做的是什么困难的图像。你可以张贴图片或链接到试验场地？

Answer 2

OK试试这个...

    #menu_bar {
/* make menu_bg.png full width of your link and add the arrow to this image */ 
background:url(menu_bg.png);  
background-repeat:repeat-x; /* remove this */
height:57px; } 

#menu_bar ul { 
margin-left:50px; 
} 

#menu_bar ul li { 
float:left; 
margin-left:10px; 
margin-right:10px; 
list-style-image:url(divider.png); /* remove this */
} 

#menu_bar ul li a { 
color:white; 
text-transform:uppercase; 
font-weight:bold; 
font-size:15px; 
text-decoration:none; 
font-family:Arial, Helvetica, sans-serif; 
line-height:57px; 
display:block; }