图像无法显示在网站上

-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

你改变了这两个页面并为上传的文件？服务器可能还需要一段时间来确认已更改的文件名。 –

图像无法显示在网站上

回答

相关问题