网络服务器似乎区分大小写,非常感谢@David和大家。网站运作完美。 :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>
答案 0 :(得分:0)
你必须确保将图像文件放在与.html相同的目录中,如果你要将其作为src =“Cake1.png”,否则,你必须指定图像的位置如src =“img / Cake1.png”或类似的东西。
希望有所帮助
答案 1 :(得分:0)
从图像文件名“Cake 1.jpg”等中删除空格。这些请求为“Cake%201.jpg”,其中%20是空格字符,但这很可能被解释为%201 (其他一些角色)。
网址不应包含空格,会导致太多问题。