html - 我的 "More"链接在主页上不起作用

标签 html css hyperlink module

所以我在编码方面并不出色,但在我现在的工作中,我希望能够维护网站。这是我正在研究的... 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/

相关文章:

javascript - 如何在iPhone中以HTML iframe自动播放youTube Video

html - Bootstrap v4 导航栏下拉位置

css - Bootstrap 3 : collapse button not shown on small screens

css - 查找相对于另一种颜色的颜色值

css - 具有多行元素和垂直对齐的水平导航

hyperlink - ffmpeg 链接错误 : undefined reference in library sources

html - 如何使用这样的 html 和 css 绘制圆圈?

java - 如何使用 <a> 元素在 cookie 中保存信息

javascript - 我可以用js生成SVG吗?

visual-studio - 如何在 Web 浏览器中而不是 Visual Studio 中打开 Visual Studio 中的链接?