Joomla的Favslider插件没有仅在Google Chrome中调整IE或Firefox中的图像大小

时间:2014-08-04 09:29:05

标签: css joomla joomla-extensions

我从这里http://extensions.favthemes.com/favpromote安装了Favpromote插件,一切正常,但是当我m seeing my website in Mozilla or IE. I see the images resized only in Google Chrome and I don知道应该是什么问题时,图像没有调整大小。我的网站是http://elevatorserv.eu 这个插件的.css代码是:

    #favpromote {
    position:relative;
    overflow:hidden;
}
#favpromote:hover {
    color: #fff;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
#favpromote h3 {
    font-weight: normal;
}
#favpromote:hover h3#favpromote-title,
#favpromote:hover h3#favpromote-title a,
#favpromote:hover h3#favpromote-title i {
    background-color: #111!important;
    color: #fff!important;
}
#favpromote-text {
    padding: 4px 21px 14px;
    margin: 0;
}
#favpromote:hover #favpromote-text {
    color: #fff!important;
}
#favpromote-uploadimage {
    padding: 21px;
}
#favpromote-uploadimage img {
    border: 1px solid #ddd;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}
#favpromote-uploadimage img:hover {
    border: 1px solid #fff;
}
#favpromote #favpromote-title a {
    vertical-align: middle;
}
#favpromote #favpromote-title a:hover {
    color: #fff!important;
}

@media only screen and (max-width : 320px) {

    #favpromote-uploadimage img {
        margin: 0 0 21px 0;
    }

}

我感谢任何帮助。谢谢。

1 个答案:

答案 0 :(得分:1)

发现了这个问题。

转到以下文件:

templates / favorite / css / joomla.css ,转到 1676 行,您会发现以下内容:

.moduletable, div[class^="moduletable-"], div[class*=" moduletable-"] {
    float: right;
    margin-bottom: 0;
    margin-top: 5px;
    overflow: hidden;
    text-align: justify;
}

float:right;是造成问题的原因。因此,要覆盖此问题,只需在下面添加以下内容,它们不会在顶部标记语言标记:

#fav-bottom .moduletable, div[class^="moduletable-"], div[class*=" moduletable-"] {
    float: none;
}

希望这有帮助