子弹图像位置

Question

我在菜单中定位子弹时遇到问题。

我使用自定义图像作为子弹。但子弹图像与文本底部对齐。因此，当我尝试将li文本与menu_bar div的中心对齐时，子弹图像会向上移动。

如何修复这样的子弹图像与文本保持在中心。

提前致谢

Answer 1

检查css vertical-align属性或为你的链接制作整个背景图像的子弹部分，而不会看到你想要做的事情的图像很难。你可以发布图片或链接到测试网站吗？

Answer 2

好的，试试这个......

    #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; }