不能在wordpress主题

我已经自己开车去阿卡姆疯人院状态，整天试图找出为什么我对这个网站的顶部的div无法正常工作不能在wordpress主题

touchoflunacy.com

找到父元素包含链接和搜索的div不能正确排列。我尝试了一些常见的嫌疑犯，比如在标题中的divs周围以不同的颜色添加一个20px边框，以确定哪一个需要被编辑，但是边框没有显示出来，所以有些东西压倒了他们，对于我来说，弄清楚什么。

我也尝试添加overflow：hidden;到标题中的所有元素（div＃search div＃header div＃head bar ...），另外还有#body元素和#wrapper无效。

我对css相当陌生，所以如果任何人都可以告诉我哪个元素要改变，我会用什么，我会以永恒的感激和对正确答案的肯定投票来祝福你！

谢谢！

来源

2011-10-20 touchoflunacy

您是否尝试过检查Chrome开发工具或Firebug中的元素？这样做会显示当前正在应用的所有CSS样式，并允许您实时编辑它们以确定需要做出哪些更改。

要检查只需右键单击问题的元素/区域并选择检查元素。

来源

2011-10-20 04:03:20

这帮了很大忙。我一直在使用萤火虫，但是当我查看铬时，它帮助我更快地突出问题！在演奏过程中的几个元素中有一个块标记和一个填充标记。。。 – touchoflunacy

我试图添加谢谢！但它不会让我编辑，谢谢！ – touchoflunacy

很高兴你能够得到它的工作:) –

要确保您正在设置的边框显示出来，请尝试将它们设置为！important。这应该有助于您调试问题。

div { 
    border: 1px solid #F00 !important; 
}

来源

2011-10-20 04:04:58

这有助于突出问题，并结合铬帮助我快速发现问题。谢谢！ – touchoflunacy

我注意到的第一件事是，你浮动你的div。我有更好的运气，使用定位将div放在我希望他们去的地方。这里是一些示例代码（通常造型将在CSS文件中）

<div style="position:relative;width:500px;height:28px;"><!-- Wrapper --> 
<div style="position:abolute;top:0;left:0;width:100px;">CONTENT</div> <!--first div located top left --> 
<div style="position:abolute;top:0;left:400px;width:100px;">CONTENT</div> <!--second div located top right --> 
</div>

这将允许您排列divs到您的确切布局。

来源

2011-10-20 04:21:57

这有助于将它一路向上！谢谢！ – touchoflunacy

这些人是正确的，你需要学习使用Firebug！它会为你节省几个小时的时间。

例如，在萤火虫中有10秒钟，我可以看到将2095行的位于/wp-content/w3tc/min/e4c7880c.00cd94.css的CSS文件更改为margin-top：14px到0px;将使您的搜索框与导航菜单内联。

我也会删除clear：both;来自搜索元素。它不需要我能看到的东西。相反，我会加上明确的：两者;围绕2054行到#inner，以保持下一个水平div与重叠浮动的标题元素。

然后，我会从第2062行的“#header #inner #logo a”元素中删除-22px顶部，因为它会导致更多重叠问题。我会调整徽标元素的高度以符合您的图形文件，而不是负面的顶部。所以在2058行我会改变高度：99px为高度：122px这是您的标志的正确高度。（不管是那个还是调整你的标志高度为99px）。

在那里，我测试了您的网站上的所有这些变化与Firebug一起生活！

来源

2011-10-20 04:22:33 BenSwayne

谢谢！我已经得到了排队，但他们仍然低于标题，这有助于提高他们。谢谢！ – touchoflunacy

不能在wordpress主题

回答

相关问题