所以我在编码方面并不出色,但在我现在的工作中,我希望能够维护网站。这是我正在研究的... Bluestone Interiors
我正在清理网站,突然主页上的“更多”链接不起作用。我尝试弄乱 CSS,当模块除了“左”对齐之外,其他任何东西都对齐时,它可以工作(但显然看起来不太好)。直到此时,我才能够四处乱逛,直到我弄清楚,但我似乎无法弄清楚。我觉得我很接近但无法得到它。这是模块的 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);
}
再说一次,我不是专业人士,这可能是一个愚蠢的问题,希望得到一些反馈。 提前致谢!
最佳答案
Nivo slider 高度覆盖了“bottom-wrapper”,因此链接无效。将以下 css 添加到您的样式表,链接将再次开始工作。
.nivoSlider {
width: 100%;
height: 100%;
}
使用 firebug 或 google 的控制台几乎总能解决您的 CSS 问题。
关于html - 我的 "More"链接在主页上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23417178/