图像没有加载/飞走按钮

Question

我为某个网站做了一些更改，当我用chrome打开它时，它工作和看起来很完美，但是当我将它们上传到iPage服务器并在实际网站上查看它们时，一切都被打破了。 http://jonathondull.com 索引页面是唯一一个看起来也是如此的页面。我已经耗尽了我的大部分资源而且这个人很生气。任何人都有任何关于可能导致这种情况的想法吗？

Answer 1

如果还没有，请将所有按钮包裹在容器内。使按钮宽度为25％，向左浮动然后定位容器，因为您没有提供任何代码，我将为您提供示例。这应该可以解决问题。

在按钮所在的容器内，创建一个新的div并调用它按钮容器并将其包裹在按钮周围。

    <div id ="button_container">
//button tags go here
    </div>

对于CSS，指定按钮容器的宽度和高度以及包含现在css的按钮。

#button_container {width:25%; height:30px;} //example dimensions
#button1, #button2, #button3, #button4 {width:25%; height:100%; float:left;}

确保容器有一个边距，以便高于其他内容。您还可以使容器100％宽度以匹配其父级的宽度。