0

我在我正在处理的网站上放错了一些标题，并且应该显示在每个标题下方的图像没有显示。你可以在这里看到我在说什么：

这是我的 HTML：

<!-- main-content -->
<div id="main-content">    
    <h1> Check out all our DEADicated sites: </h1>
    <div class="sites">
        <a href="http://www.thedeadicated.tumblr.com" target="_blank">
        <img src="images/sites/tumblr.jpg" width="215" height="150" alt="Tumblr"/></a>
        <p> Tumblr </p>
    </div>
    <div class="sites">
        <a href="http://www.twitter.com/thedeadicated" target="_blank">
        <img src="images/sites/twitter.jpg" width="215" height="150" alt="Twitter"/></a>
        <p> Twitter </p>
    </div>
    <div class="sites">     
        <a href="http://www.youtube.com/user/DeadicatedRepository" target="_blank">
        <img src="images/sites/youtube.jpg" width="215" height="150" alt="YouTube"/></a>
        <p> YouTube </p>
     </div>

    <h2> To join TheDEADicated, click <a href="http://musichype.com/artists/dead-sara" target="_blank">HERE</a>! </h2>
    <h2> To get your own DEADicated wristband, click <a href="http://store.cinderblock.com/the-deadicated-rubber-bracelet.html" target="_blank">HERE</a>! </h2>
    <h2> Can't get enough of Dead Sara?! <a href="http://www.facebook.com/pages/Dead-Sara-Addiction-Treatment-facility/337823746314667?group_id=0" target="_blank">Dead Sara Addiction Treatment Facility</a> </h2>
    <h2> Email us at: TheDEADicated@TheDEADicated.org </h2>

</div> <!-- close main-content -->

这是主要内容和标题的 CSS 代码：

#main-content{
    padding: 50px 50px 30px 50px;
    background: #fff url('images/shadow.png') repeat-x;
    min-height: 800px;
}

#main-content h2{
    margin-top: 30px;
    padding-bottom: 8px;
    background: url('images/ink-line.png') no-repeat left bottom;
    clear: both;
}

任何形式的帮助将不胜感激。谢谢！

4

2 回答 2

0

我不能确切地知道这里发生了什么，但是猜测标题上方的元素看起来如何，我会说你有一个浮动问题。尝试从 h2 中删除 "clear: both" 并添加 "float: left; width: 100%;" 在它的位置。

于 2013-03-06T19:29:59.767 回答
0

评论是正确的，您并不清楚您应该看到什么但没有，但如果我正确解释您的意思是“我的标题没有显示我期望的边距和填充或背景图像”。

我将再一次充满信心地提出一个可能的解决方案。我懂了

</div> <!-- close main-content -->

在您的 html 末尾，但我看不到<div id="main-content>任何地方。它应该在页面顶部，或者在 h2s 块之前，这取决于您希望结果是什么。尝试<div id="main-content>在第一个 h2 标记之前添加，看看是否可以为您解决问题。

编辑：我现在更清楚地看到了您的问题，但是如果没有实时 url 来检查，这很难解决。这可能是一个浮动问题，但 clear 应该解决这个问题，除非它被覆盖，所以你可以更改为：

clear: both !important;

可能是显示问题，所以尝试添加：

h2 { display: block !important; }

如果有一个实时网址肯定会有所帮助。最后的想法是确保整个页面 html 中的每个标签都正确打开和关闭。根据我的经验，冗余或未关闭的 div 可能会导致此类问题。

于 2013-03-06T18:39:37.517 回答