Изображения, которые не отображаются на сайте

-1

Веб-сервер был чувствителен к регистру, кажется, большое спасибо @David и всем. Сайт работает отлично. : DИзображения, которые не отображаются на сайте

Так что мне пришлось сделать сайт для пекарни для задания, но некоторые изображения не отображаются, и я понятия не имею, почему, например, моя страница cookie идеально по моей странице пирогов - это катастрофа (это мой первый сайт, поэтому кодирование в целом ужасно). Когда я просматриваю сайт локально, изображения отображаются отлично. Хостинг от www.000webhost.com. Веб-сайт был построен с использованием Dreamweaver.

Любая помощь очень признательна, заблаговременно. http://beckasbakery.comlu.com/Cookies.html http://beckasbakery.comlu.com/Cakes.html

COOKIES 

#Smartiecookie img { 
    position: absolute; 
    left: 487px; 
    top: 310px; 
    width: 208px; 
    height: 149px; 
} 
#Orangecookie img { 
    position: absolute; 
    left: 486px; 
    top: 519px; 
    width: 206px; 
    height: 145px; 
} 
#Doublechoccookie img { 
    position: absolute; 
    width: 210px; 
    height: 147px; 
    left: 832px; 
    top: 314px; 
} 
#Chocolatecookie img { 
    position: absolute; 
    left: 838px; 
    top: 546px; 
    width: 207px; 
    height: 148px; 
} 
</style> 



</head> 

<body> 
< 
<div id="Smartiecookie"><img src="Smartie Cookies.jpg" width="364" height="242" /> </div></p></p></p> 
<div id="Orangecookie"><img src="Orange cookie.jpg" width="354" height="242" /> </div> 
<div id="Doublechoccookie"><img src="doublechoccookie.jpg" width="364" height="242" /> </div> 
<div id="Chocolatecookie"><img src="Chocolate cookie.jpg" width="364" height="242" /> </div> 

</body> 
</html> 

CAKES 


#Cake1 img { 
    position: absolute; 
    left: 506px; 
    top: 315px; 
    width: 208px; 
    height: 149px; 
} 
#Cake2 img { 
    position: absolute; 
    left: 503px; 
    top: 554px; 
    width: 206px; 
    height: 145px; 
} 
#Cake3 img { 
    position: absolute; 
    width: 210px; 
    height: 147px; 
    left: 904px; 
    top: 339px; 
} 
#Cake4 img { 
    position: absolute; 
    left: 906px; 
    top: 567px; 
    width: 207px; 
    height: 148px; 
} 
</style> 



</head> 

<body> 

<div id="Cake1"><img src="Cake 1.jpg" width="364" height="242" /> </div></p></p></p> 
<div id="Cake2"><img src="Cake 2.jpg" width="354" height="242" /> </div> 
<div id="Cake3"><img src="Cake 3.jpg" width="364" height="242" /> </div> 
<div id="Cake4"><img src="Cake 4.jpg" width="364" height="242" /> </div>

источник

2013-07-21 user2489441

Ссылки на живые примеры не работают. И есть вопрос * слишком много лишнего кода в вопросе. Можете ли вы уменьшить код до минимального воспроизведения проблемы? – David

Вы уверены, что у вас есть путь к этим файлам для тортов в правильной позиции? – user2277872

Убедитесь, что имена файлов изображений и пути правильные – Krishna

вы должны убедиться, что у вас есть файлы изображений в том же каталоге, что и .html, если вы собираетесь сделать это, как SRC = «Cake1.png», в противном случае, у вас есть для указания местоположения изображения, такого как src = "img/Cake1.png" или что-то в этом роде.

Надежда, что помогает

источник

2013-07-21 20:11:32 user2277872

Я знаю, что это всего лишь пример, но они являются «.jpg» файлами на странице OP. Просто подумал, что я упомянул, чтобы сохранить путаницу. –

О, да, я привык использовать png для совместимости .... спасибо, что указали, что вне – user2277872

Не беспокойтесь, но сейчас я проголодался :) –

Удалите пробелы из изображения имен файлов, «Cake 1.jpg» и т.д. Они запрашиваемых как «Cake% 201.jpg», где% 20 является символ пробела, но это вероятно, будет интерпретироваться как% 201 (некоторый другой символ).

Веб-адреса не должны содержать пробелов, они вызывают слишком много проблем.

источник

2013-07-21 20:26:11

Сделано, ничего не изменилось – user2489441

Вы изменили это на обеих страницах и для загруженных файлов? Сервер, вероятно, также займет некоторое время, чтобы подтвердить измененные имена файлов. –

Изображения, которые не отображаются на сайте

ответ

Смежные вопросы