我的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;
}