如何在导航栏中添加单独的标题

时间:2016-02-09 20:13:30

标签: html css navbar blogger

我想在编码悬停导航栏的最后一个元素时提供一些帮助。目前我在导航栏的左侧有标签链接,在右边我有社交媒体链接和搜索栏。现在我想添加一个"标题" - 我的博客名称的图像 - 在中间。我已经尝试添加img但是虽然它在html编码中,但它没有出现在博客上。可以在http://www.mediamarmalade.com上查看类似的导航栏。我在下面包含了html编码:

<div id='headermiddle'>

<a href='http:www.blankesque.com'><img src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/B447BE1A-FA19-4619-A844-65CBEA644DB1_zpsaj5p6y0d.gif'/></a>

</div>

CSS编码如下:

#headermiddle a img {
width: 10px;
height: auto;
position: absolute;
text-align: center;
  }

我博客的网址如下:http://www.blankesque.com

1 个答案:

答案 0 :(得分:0)

我假设(在类似的样本页面上)图像放在一个单独的标签中 - 而不是在标题中。如果缩小浏览器窗口,可以看到这一点。

导航和社交按钮左/右对齐。