Question

所以我在编码方面并不出色，但在我现在的工作中，我希望能够维护这些网站。这是我正在研究的那个...... Bluestone Interiors

我正在清理网站，突然之间更多的＆＃34;更多＆＃34;主页上的链接无效。我试过搞乱CSS，当模块对齐时除了＆＃34;左边＃34;它起作用（但显然看起来并不好）。直到这一刻，我才能搞得一团糟，直到我弄明白，但我似乎无法弄明白。我觉得我很接近却无法得到它。这是模块的CSS：

#module-wrapper{
width: 920px;
height: 263px;
background-color: #FFFFFF;
float: left;
}

#bottom-right{
width: 41px;
height: 263px;
background-color: #FFFFFF;
background-repeat:no-repeat;
float: left;
}

#module1{
width: 289px;
height: 263px;
float: left;
 }

#module1-banner{
 width: 289px;
 height: 40px;
 float: left;
align: top;
 background-image:url(../images/featureddesigner_2.png);
 background-repeat:no-repeat;
     }

    #module-box{
width: 260px;
height: 155px;
margin-top: 20px;
margin-left: 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #adadad;
text-decoration:none;
float: left;
    }

#module-box1a{
width: 107px;
height: 109px;
margin-top: 20px;
margin-left: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #adadad;
text-decoration:none;
float: left;
    }

#module-box1b{
width: 153px;
height: 100px;
margin-top: 20px;
margin-left: 15px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #adadad;
text-decoration:none;
float: left;
    }

    #module2{
    width: 279px;
    height: 263px;
    float: left;
    }

    #module2-banner{
    width: 279px;
    height: 40px;
    float: left;
    align: top;
    background-image:url(../images/trendsheader_2.png);
    }

    #module3{
    width: 352px;
    height: 263px;
    float: left;
    }

    #module3-banner{
    width: 352px;
    height: 40px;
    float: left;
    align: top;
    background-image:url(../images/stylesheader_2.png);
    }

    #module4{
    width: 352px;
    height: 263px;
    float: left;
    }

     #module4-banner{
     width: 389px;
     height: 40px;
    float: left;
    align: top;
    background-image:url(../images/howwework.png);
    }

我再次不是专业人士，这可能是一个愚蠢的问题，会喜欢一些反馈。提前谢谢！

Answer 1

Nivo滑块高度覆盖'底部包装'，因此链接不起作用。将以下css添加到样式表中，链接将重新开始工作。

.nivoSlider {
width: 100%;
height: 100%;
}

使用firebug或google的控制台几乎总能解决您的CSS问题。

我的＆＃34;更多＆＃34;链接不会在主页上工作

1 个答案: