Изображения не загружаются/уходят кнопки

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% в соответствии с шириной его родительской.