编辑Weebly着陆页图像的宽度

时间:2015-01-11 15:50:26

标签: css weebly

我的weebly着陆页在顶部有一个部分,其中一半作为文本,另一半作为图像。问题是图像的右边总是存在差距,而右边的东西也是如此。例如,如果图像是" float:right"图像和边框之间会有间隙(横幅?)。如果我翻转图像和文字并执行" float:left"对于图像,图像和文本框之间将存在间隙。我尝试改变几乎所有内容的宽度,以及图像和文本的填充。

附件是左边是图片的图片。您将看到图像和文本之间的差距。提前谢谢。

编辑:显然我还无法发布图片。

  #bannerleft {
        float: right;
        width: 466px;
        height: 288px;
        padding: 0px 15px;
        background: url(banner-left.png);
        border: 0px #222 solid;
        border-right: none;
    }

    #bannerleft h2 {
        color: #fff;
        font-size: 28px;
        padding: 0px 0px;
        line-height: 1;
    }

    #bannerleft p {
        padding: 8px 0px;
        line-height: 130%;
    }

    #bannerleft .wsite-button {
        margin: 3px;
    }

    #banner-right {
        float: left;
        width: 490px;
        height: 268px;
        padding: 0px 0px 0px 0px;
    }

0 个答案:

没有答案