android - Images from my website won't load in mobile browsers -
i'm building basic 'hello world' html/css site used coding scratch (previously relied heavily on dreamweaver trial , error!).
everything looking great on laptop wanted test how site looked on mobile browser, saved site folder dropbox , tried load home page android phone.
the page loads 1 image have doesn't - alt text. case both android's native browser , opera mobile.
i have tried both .jpg , .gif file types, , adding in fixed width, height , border value suggested on thread here (this changes shape of alt text placeholder that's all). did add '/' @ tail of <img>
tag, again no avail.
i'm amazed problem such basic page, have triple-checked code in textbook i'm using, i'm not sure except post here!
the html image concerned follows:
<div id="banner"><img src="750x262pxbanner.gif" width="100%" alt="banner"></div>
i have no css div beyond padding-top: 10px
, , image in same folder page it's on - basic site, , looks fine on laptop!
thanks in advance advice.
try access picture's url smartphone
, , check if image loads correctly (acces .../750x262pxbanner.gif
instead of .../index.html
): maybe uri incorrect smartphone, or file format isn't supported.
rename picture avoid case sensitiveness (use lower case instance).
else, try not start picture's name [0-9]
.
Comments
Post a Comment