<a> in header: only part of it works?</a>

时间:2011-08-09 20:11:46

标签: html css wordpress

My site正在WordPress和Thematic主题框架上开发,我在标题中遇到了问题。当您将鼠标悬停在标题中的名称上时,它应该都是指向主页的链接。

但事实并非如此。在“乔纳森”中的A和N之间,随机停止工作。有什么办法可以解决这个问题吗?谢谢!

3 个答案:

答案 0 :(得分:2)

您的菜单链接太宽 - 其包含的框与您的徽标重叠。

降低它的宽度,你应该好好去。

<强>详细信息:

...可湿性粉剂内容/主题/专题/库/布局/ 2C-R-fixed.css

在该CSS文件中,.menu的宽度为940px;

修改

在降低宽度的同时,将.menu-home-container的{​​{1}}(目前大约30? - 我忘了)增加到margin-left

答案 1 :(得分:0)

问题在于你ul.menu

它与你的名字重叠。

修改

仔细检查后,float:left;中的#blog-title就是绊倒了你。将其更改为display:inline-block;,一切都应该是好的。

#blog-title {
    display: inline-block;
}

这使其保留在文档流程

答案 2 :(得分:0)

尝试下面的更改,我删除了一些代码,我希望我没有忘记任何事情。

.menu-home-container {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    text-shadow: 0 -1px 0 black;
    }
#navigation {
  float: right;
}
.menu {
    line-height: 44px;
    margin: 0;
    }