02-03-2007, 02:21 AM
I am having problems with some of my images some are appearing and some are not. I am creating the images in Photoshop and saving them as JPEGS. Yet only some of them actually appear in the web page. What can be wrong with my pictures. Can there be something wrong with the JPEG itself.. too big of a file or maybe too much color? This is really killing me because I have to have this to my boss tonight. Thanks in advanced for any responses.
<img src="Mid Bar.jpg" alt="Top Menu" />
02-03-2007, 02:31 AM
Try to avoid spaces in your file name and see if it helps. This is usually not a good idea.
02-03-2007, 02:36 AM
No luck with changing the file name :( Is there a no no for Jpegs in file size or color?
02-03-2007, 02:43 AM
I wouldn't think so. Maybe you should post a link so we can see. Does this only occur after uploading the site?
Maybe it is the extension? Is it .jpg or .jpeg ?
Otherwise try to point your browser directly to the image and see what happens. Type in the address line http://www.yourdomain.com/somedir/someimage.jpg
02-03-2007, 02:48 AM
Well its not in a domain it is on my desktop for now. And this one is working
<p><img src="Bottom_Bar2.jpg" alt="Las Vegas Chamber of Commerce" width="966" height="117" border="0" usemap="#Map" />
but this one is not
<p><img src="Logo2.jpg" /></p>
nor is this one
<img src="MidBar.jpg" alt="Top Menu" />
I am doing the coding in dreamweaver so it should be fault free! I that is why I am thinking it is with the JPEGS. This is killing me!
02-03-2007, 02:59 AM
sounds strange... Maybe a silly question, but have you checked in which directory are you saving your images? With this code, they should be in the same directory as your html document. Can you verify this?
02-03-2007, 03:07 AM
Yep it is all in the same file. I am not understanding it myself. I am looking in my book and I can not find anything in there either. :confused:
02-03-2007, 03:18 AM
sorry, but I have no idea what the problem might be. I must leave this for someone else to figure out. I am really sorry. I don't even think it will say anything in your book that could help you.
My final suggestion would be to try putting in some text instead of the image and see if you can see it. This is to rule out that your paragraph is covered by some other element.
Otherwise you will have to upload your page somewhere so we can inspect for ourselves.
02-03-2007, 03:32 AM
I appreciate your help anyways bro. The alt tag is showing so I know nothing is there over it. But i will keep trying and if i dont get it.... ill kill myself tonight.
02-03-2007, 04:44 AM
i really can not figure this out
02-03-2007, 04:58 AM
if the alt text is showing it really has to be
a) your name on the image file is different from what your putting in your img tag.
b) the image is not in the same directory as the html file.
02-03-2007, 05:20 AM
I really wish that was the problem. But no that is not the issue :confused:
02-03-2007, 05:34 AM
When you say they are not appearing, what exactly do you get? The little red-x in the box, surrounded by a slightly larger box?
When you right-click and view the source of the web page in your browser, are the tags correct?
Post your entire HTML code. Something going on with layers/z-axis/overlapping div's might be hiding images...
I am guessing that you are simply opening the web file in your browser, but the file(s) reside on your desktop and you are not doing this through a web server running on your development system? Have you cleared your browser's cache? The browser might have attempted to read some of the files before they existed and is getting the broken image from the cache and is not attempting to read the actual file.
02-03-2007, 05:52 AM
Ok here is my code. I am getting the little X's with the bigger box in IE with the alt tag in it also. I have also cleared my cache in both firefox and IE still no luck.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-Some CSS for the Borders-->
border-style: solid solid solid;
<!--End of CSS-->
<img src="Logo.jpg" alt="Logo"/><!--This is one of the images that are not coming up-->
<p><strong>Welcome to Aaffordable Web!</strong>
<img src="MidBar.jpg" alt="Top Menu"/><!--This is another of the images that are not coming up-->
<label></label><p align="center">A bad website is easy to make. The challenge is to make your website stand out from the crowd. </p>
<table width="800" border="0" align="center" cellpadding="7" cellspacing="4" bgcolor="">
<td><h3 align="center"><strong>Tips to make your website work </strong></h3></td>
<div align="center"><strong> KEEP IT SUPER SIMPLE! </strong></div>
<p align="left">Only use the techniques you really need to achieve what you want. The simpler the website is, the easier access for people to use the website.</p></td>
<div align="center"><strong>Content Before Style</strong></div>
<p align="left"> Make sure you have something interesting to say before you worry about how to organize the words. Without good content, people will not visit the website, no matter how spectacular the website looks.</p>
<p><strong>Keep the Reader in Control</strong></p>
<div align="left"> Unlike television, web browsing is an active process, which means the viewer is in control. Anything that breaks this control interferes and distracts users from using the website. </div></td>
<div align="center"><strong>Use Standards</strong></div>
<p align="left">When using techniques geared to one particular browser, computer, or operating system, you are limiting your audience for no particular reason. A complex website might discourage the users to leave your website and go to other websites that have simpler accesses. Remember you are competing with every other website.</p>
<div align="center"><strong>Pay Attention to User Ability</strong><br />
</label> <div align="left">Make sure that your site is easy to navigate. People should know where to find the information they want and the site is simple enough to comprehend in a minute or less. </div></td>
<div align="center"><strong>Keep Download Times Short</strong></div>
<p align="left">If people have to wait five minutes to download the index page, they will move on to another website. The ideal download time for the front page should be between 3 and 10 seconds.</p>
<div align="center"><strong>Keep Website Updated</strong></div>
<p align="left">After the website is created, the website needs continuous maintenance to keep the information current. Outdated information, broken links, missing files and pages are useless and makes the website lose credibility.</p>
<div align="center"><strong>Link to Other Sites</strong></div>
<p align="left">Do not be afraid to link your website to other websites. Use the work other people have completed and link your site to the available information. The greatest value of any website is the links leading to and from the site to other websites. </p>
<div align="center"><strong>Get the Right People</strong></div>
<p align="left"> Aaffordable Web has the right people to complete the process of building your website. Aaffordable Web has the experience and the determination to meet your expectations. Contact Aaffordable Web today and discover our exceptional service.</p></td>
<p><img src="Bottom_Bar2.jpg" alt="Las Vegas Chamber of Commerce" width="966" height="117" border="0" usemap="#Map" /><!--This one is coming up-->
<map name="Map" id="Map">
<area shape="rect" coords="287,39,394,65" href="#" />
<area shape="rect" coords="405,42,498,64" href="#" />
<area shape="rect" coords="511,41,581,64" href="#" /><area shape="rect" coords="586,41,646,63" href="#" /></map></p>
02-03-2007, 06:55 AM
You might want to check this using the w3.org validator - http://validator.w3.org (Edit: for the doctype used, there are 20+ errors, some of which might prevent the rendering of your img tags...)
Also, this line is not a valid comment and might be causing the browser some problems in figuring out what to render -
<!-Some CSS for the Borders-->
02-03-2007, 01:57 PM
also, are you working with linux, or windows.. check the CaSe of the image links....
Logo2.jpg is different from logo2.jpg
02-03-2007, 04:58 PM
Can you open the JPGs in a program like Adobe Photoshop or MSPaint without fault?
Yep it is all in the same file.
By that, do you mean that it's in the same directory? Not to be anal, but maybe there was just simple miscommunication. It should be in the same directory as Bottom_Bar2.jpg.
02-03-2007, 09:05 PM
The answer to both questions above me is yes. I am running it in both IE and Firefox in Windows. I send what I had to my boss. I need to finish it today though so here I go again.
02-04-2007, 12:49 AM
Ok...I figured out this much. It is not the code, but instead it is the image. I made another page and tried to call the image in and STILL! it will not load. I am going to try to re do the Logo. I will post if I have any luck with it.
02-04-2007, 03:25 AM
Give us a link to an image you can't display, since you think that's the problem. If we can have a look at it maybe someone can figure out why it won't display.
02-04-2007, 03:58 AM
hmmm i've had a similar problem before...
Here is what my problem was...
When i was saving my images as a .jpg i also had .gif highlighted by my imaging editing software, this then saved the image as image.jpg.gif
Now if you can see what im getting to, this all looks alright if you have the extensions hiden... this because it will display image.jpg in your folder.
However once i went into the properties of that image, it displayed that it was actually a gif image rather than a jpg.
Sorry if this is a bunch of babble and no one can make sense of it.
My suggestion would be to check the properties of the images, and just open them in your editor and resave them as something else... making sure the extensions work correctly.
02-04-2007, 04:26 AM
Good point. However, I hope that nobody on this planet still has their file extensions hidden...
02-04-2007, 05:23 AM
i think the problem is with your filenames. use something like "image_1.jpg" instead of "image 1.jpg".....