-1

网络服务器似乎区分大小写，非常感谢@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>
4

2 回答 2

0

如果要使用 src="Cake1.png"，则必须确保图像文件与 .html 位于同一目录中，否则，您必须指定图像的位置，例如 src= “img/Cake1.png”或类似的东西。

希望有帮助

于 2013-07-21T20:11:32.403 回答
0

从图像文件名中删除空格，“Cake 1.jpg”等。这些被请求为“Cake%201.jpg”，其中 %20 是空格字符，但这很可能被解释为 %201（其他一些特点）。

网址不应该包含空格，它们会导致太多问题。

于 2013-07-21T20:26:11.730 回答