position - 子弹图像位置

Question

我在菜单中定位项目符号时遇到问题。

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

如何解决这个问题，使项目符号图像与文本保持在中心。

提前致谢

Answer 1

检查 css 垂直对齐属性或将项目符号作为链接的整个背景图像的一部分，而没有看到您正在尝试执行的操作的图像很困难。你能张贴一张图片或链接到一个测试网站吗？

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