HTML - Why Won't An Image Load?
Hi,
I'm having a strange problem. I've added a new page to my website, but I can't get the image to load. It loads OK from a folder on my desktop, but when I copy the files to my web host the image won't load. Any ideas, anyone? Stuart. Similar TutorialsHi guys, my first day here + i'm new to web design. i'm trying to learn html from the scratch and trying some simple tutorials. i faced a bit of a problem. I have the following code to display some web site : <html> <body> <h1>This is my Main Page</h1> <h2>This is a heading2</h2> <p>This is some text.</p> <p><a href="page1.htm">This is a link to Page 1</a></p> <p><a href="page2.htm">This is a link to Page 2</a></p> </body> </html> problem is as soon as i add <img src="imagename.jpg"/> to the code above, it just doesn't work and when i try to load the page i get a new window popping up that tells me "C:\....path.... can not be found" why? how can i load an image to the site? where should i be saving it? and are there constraints concerning the size? thanks in advance... cheers, Lina Hi ! I want to delay loading an image (Logo.gif) a while while the backgound image is loading. How ? /Bertil I have a very strange intermittent problem that I can not figure out. Sometimes, one image on my page does not load. When it does not load the image in the <div> next to it is in its place, and next to that image there is a blank spot the size of the image that did not load. The part that really confuses me is that when I view that pages source the <img> tag is there with the name of the image. The name of the image is rather long, about 25 characters long. The first thing I am wondering is if a long file name might prevent the image from loading. I doubt it... but, I don't know what else to consider. Here is what that section of code looks like: <div class="noBorder"> <a href = "http://www.luckygamez.com/"><img src="img/Lucky_Top_312_90_Bubble.jpg"width="312" height="90" vspace="0px"/></a> </div> Thanks, Matt This is giving me serious grief. I've set up an index page containing a number of thumbnail graphics. One of the images (the 12th) loads fine in IE7 and Safari, but not in Firefox 3 or Opera. Here's the link: http://www.pragma.pwp.blueyonder.co....ono/index.html Any thoughts? Hello, Could someone please help I have made a very simple site http://www.101.dentalcompanion.com I placed a <span> image to sit on top, it works when crome opens but in internet explorer and firefox the image does not open. I also added the same image in a <div> tag in the siidebar and the same issue crops up. i thought I had it worked out but I just can't seem to make it work. Thank you ever so much. kama Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times... so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript. thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet) http://www.paulodourado.com/ Hey, I am using a background image on the body section of my page; however it loads very slowly. I there a way to speed up the load speed without reducing the clarity or detail of the image using either CSS or HTML? Right now the image is 2.2 MB, which is part of the problem. But when ever I shrink the size in gimp, the detail of the image is reduced.. Thanks! Hi, I want to add some flash to my header image on my website. Before i add the flash i was wondering if there was any code i could use to first check if flash is installed and if not for it to just ignore the flash and load the background image. The flash is just going to be an animation of my logo. Is there something i can do similar to when you use code to check for browser version? If the person has not got flash installed i don't want them to be promted to install it i just want it to load the static logo image which will be set as the background image behind the flash. For people with flash already installed i would like the flash annimation to load. Any ideas on if this is possible would be appreciated Thanks in advance CC_DESIGN ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show. I think the sprite is confliction in some way, dont see a way to put my finger on it: It concers this page, the red square. the whole Navbar: Code: <ul id="navigation"> <!-- SVIB ww / er --> <li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li> <li><a id="bol_1" href="?page_id=187">1</a></li> <li><a id="bol_2" href="?page_id=189">2</a></li> <li><a id="inloggen" href="inloggen.php">3</a></li> <li><a id="bol_3" href="?page_id=55">4</a></li> </ul> and the CSS, which is pretty important in finding the error i believe: Code: #navigation { padding:0; margin:0; list-style-type:none; margin-top:-511px; margin-left:560px; } #navigation a { display:block; width:131px; height:128px; background-image:url(../img/nav/svib_compleet_sprite.png); text-indent:-9999px; outline:none; } /*TERUG*/ #bol_4 { width:40px; height:81px; position:relative; top:4px; left:4px; border:0; } #bol_4:hover {background-position:81px 0;} hi, i have an image rotation code, but its working on switching the code on a timer, and i want it to appear randomly on the page load. anybody know how to change the code? i have the timer part of it below. thanks in advance. var interval = 1.5; // delay between rotating images (in seconds) var random_display = 1; // 0 = sequential, 1 = random interval *= 1000; Hey guys I'm new here, as I found this forum on google. I've run across a little problem or big problem so to speak. I have coded my website and it will load in FF, but not Safari or IE. It had an php function wrong the other day, but I have since fixed that and now I just a white page. Here's a link to the site(don't mind the simple, crappy layout) http://s2roots.com/random/done/ Please any help would be great, this is a project due by Wed. So. I was havin problems with png files (the transparency issues with IE6 and lower) so had to redesign the site ....so that now the page is basically a bunch of cells with sliced images inside each one. unfortunatly when the page loads, some cells load faster then others...meaning the page kinda loads by pieces....i am looking for a solution to this. 1. either how i could have designed it better to begin with. 2. how i can hide the images until all are loaded. 3. how i could just generally speed things up. the site is at http://www.meshowventures.com/brutal...mance/main.htm thanks!! okay so i have tables built with images set as the background property of the table sections to created a rounded graphical appearance to the tables. the problem is that when the page loads without being cached on the clients end for the first time it builds the site in a choppy method. you see each image come up one at a time and it builds the tables, after its cached that goes away until you dump your cache in your browser. so what im wanting to know is, is there a way (other than server side compression) to reduce or remove this choppy load time, so its just like.. blank page then BAM! full page, like a way to force precaching or make it so fast that you cant visually see the tables being built before they are cached? www.wiffleague.com/main.php so heres some things i tried: - making the images as small as i know how (they could be smaller i guess, im not sure how to do that though) - reducing the amount of images to the bare minimum required to render the tables properly - removing redundant html code from the tables such as 'width="100%"' from some of the td fields when a prior row already has the width set properly, thus the columns still align properly but there is less code to process some things that are not suitable solutions: - get a faster server - put less content data on the page - only use _____ browser - use apache's gzip compression to force the images even smaller than they already are during transmission then the browser decompresses and renders them Hello I wonder is anyone could help me with this problem. I have the following code : <script language="javascript"> function form_submit() { document.registration_form.operation.value = ''; document.registration_form.edit_refresh.value = '1'; document.registration_form.submit(); } </script> <input type="checkbox" name="tax_account_type" value="1" onclick="form_submit();" <? echo ($user_details['tax_account_type']) ? 'checked' : ''; ?> When the checkbox is checked, the tax account type is obviously set to 1, the page refreshes and an additional tax registration field is displayed further down the web page. I would like to remove the above checkbox altogether so the page loads with the additional tax registration field automatically. I assume i need to modify the function code so it changes the tax type on load but not sure of the precise coding. Any help would be apreciated. Many thanks James Hello, I am designing a site for a friend at: www.vintageparlor.com I am fairly new to HTML, but I know FTP and how hosting works. Something I have noticed is that the site seems to load a bit sluggish... I am guessing that this is due to the images on the page, specifically the background image. What should I do? Or is that not the problem? Thanks! -Jordan Hi. I wonder if someone could possibly help me with something. My website does not load properly to the top of the page and I cannot figure out why. Any help would be appreciated. Here is the url: http://www.codefreedom.com Thanks, Rosco. Hi, I was wondering if any one could tell me why my page is not loading and why it seems to want to load an active x control when I have not put one on there Thanks for your help can anyone confirm this as a working script? in the head... <style type="text/css"> .hiddenPic {display:none;} </style> after the body but before the closing html <img src="anaconda_pc_bw.jpg" height="1200" width="1920" class="hiddenPic"> Hi, I have a little problem here.. should you visit my site using IE (don't myself ) it will start loading then randomly say "Cannot open <webpage>". This is very irritating. Does anyone know why this is? Has it happened to anyone else? For the moment, I have put up a temporary home, but the old one is here for you to see. It works on Firefox when the user agent is changed, so it is a IE-specific problem. http://mattsnow.co.nr/home2.html Any help GREATLY appreciated. -matt. |