圖像無法顯示在網站上

-1

該網絡服務器似乎區分大小寫，非常感謝@大衛和大家。網站工作完美。：D圖像無法顯示在網站上

所以我不得不做一個麪包店的網站作業，但一些圖像不顯示，我不知道爲什麼，例如，我的餅乾頁是完美的我的蛋糕頁面是一個災難（這是我的第一個網站，所以編碼一般是可怕的）當我在本地查看網站的圖像顯示完美。由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

我知道這只是一個例子，但它們是OPs頁面中的「.jpg」文件。只是想我會提到保存混淆。 –

噢，我習慣了使用PNG的兼容性....謝謝你指出， – user2277872

沒有後顧之憂，但我現在越來越餓:) –

從圖像文件名，「蛋糕1.JPG」等，這些都要求爲「蛋糕％201.jpg」，其中20％是空格字符刪除空格，但是這很可能被解釋爲％201（某些其他角色）。

網址不能包含空格，會造成太多問題。

來源

2013-07-21 20:26:11

完成，沒有任何改變 – user2489441

你改變了這兩個頁面併爲上傳的文件？服務器可能還需要一段時間來確認已更改的文件名。 –

圖像無法顯示在網站上

回答

相關問題