导航栏图像麻烦

时间:2013-10-09 06:33:39

标签: html css twitter-bootstrap

我的导航栏存在一些问题。基本上我的导航栏上有5个选项,前3个是文本格式,后两个是你可以点击的图像(电话号码和实时聊天)。两者都是png文件,所有项目都在标签内。

我遇到的问题是图像略微高于导航栏。基本上,如果沿着导航栏选项上的文本运行水平线,则徽标中的文本略高于应该位于的位置。

那么如何让图像导航栏选项显得略高一些呢?

我的第二个问题是其中一个徽标还需要在其上显示文字(电话号码),我不知道该怎么做。如何将文本放在导航栏中的图像上?

2 个答案:

答案 0 :(得分:0)

你可以用css来解决你的第一个问题,在你的css文件中添加如下内容:

.navbar img { padding-top:10px }

关于第二个问题,请查看tooltips

答案 1 :(得分:0)

没有jsfiddle,无法给出确切的答案..但你可以尝试margin-left,margin-top并给它减去值