html - Images not displaying on website -


the webserver case sensitive seems, thank @david , everyone. website working perfectly. :d

so have had make website bakery assignment images not displaying , have no idea why e.g. cookies page perfect cakes page disaster (this first website coding in general terrible) when view website locally images displayed perfectly. hosted www.000webhost.com. website built using dreamweaver.

any appreciated, thank in advance. 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> 

you have make sure have image files in same directory .html if you're gonna src="cake1.png", otherwise, have specify location of image such src="img/cake1.png" or that.

hope helps


Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -