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

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

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

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more