...

View Full Version : Having problems with my images



visions
02-03-2007, 01: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" />

koyama
02-03-2007, 01:31 AM
Try to avoid spaces in your file name and see if it helps. This is usually not a good idea.

visions
02-03-2007, 01:36 AM
No luck with changing the file name :( Is there a no no for Jpegs in file size or color?

koyama
02-03-2007, 01: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

visions
02-03-2007, 01: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!

koyama
02-03-2007, 01: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?

visions
02-03-2007, 02: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:

koyama
02-03-2007, 02: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.

visions
02-03-2007, 02: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.

visions
02-03-2007, 03:44 AM
i really can not figure this out

harbingerOTV
02-03-2007, 03: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.

visions
02-03-2007, 04:20 AM
I really wish that was the problem. But no that is not the issue :confused:

CFMaBiSmAd
02-03-2007, 04: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.

visions
02-03-2007, 04: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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Aafordable Web</title>

<!-Some CSS for the Borders-->
<style type="text/css">
table
{
border-style: solid solid solid;
border-color:#FF9900;
border-top-width: 8px;
border-bottom-width: 3px;
border-right-width: 3px;
border-left-width: 3px;

}

body {
background-image: url(Logo2.jpg);
}
</style>
<!--End of CSS-->
</head>



<body>
<center>
<img src="Logo.jpg" alt="Logo"/><!--This is one of the images that are not coming up-->
<center>
<caption>
<p><strong>Welcome to Aaffordable Web!</strong>
</caption>
</p>
<p>&nbsp;</p>
<img src="MidBar.jpg" alt="Top Menu"/><!--This is another of the images that are not coming up-->
</center>
<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="">
<!--DWLayoutTable-->

<tr>
<td><!--DWLayoutEmptyCell-->&nbsp;</td>
<td><h3 align="center"><strong>Tips to make your website work </strong></h3></td>
<td><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr>
<td><label>
<div align="center"><strong>KISS</strong>
</label>
</div>
<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>
<td><label>
<div align="center"><strong>Content Before Style</strong></div>
</label>
<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>
</td>
<td><div align="center">
<p><strong>Keep the Reader in Control</strong></p>
</div>
</label>
<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>
</tr>
<tr>
<td><label>
<div align="center"><strong>Use Standards</strong></div>
</label>
<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>
</td>
<td><label>
<div align="center"><strong>Pay Attention to User Ability</strong><br />
<br />
</div>
</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>
<td><label>
<div align="center"><strong>Keep Download Times Short</strong></div>
</label>
<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>
</td>
</tr>
<tr>
<td><label>
<div align="center"><strong>Keep Website Updated</strong></div>
</label>
<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>
</td>
<td><label>
<div align="center"><strong>Link to Other Sites</strong></div>
</label>
<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>
</td>
<td><label>
<div align="center"><strong>Get the Right People</strong></div>
</label>
<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>
</tr>
</table>


</p>
<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>
</center>
</body>
</html>

CFMaBiSmAd
02-03-2007, 05: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-->

Shoot2Kill
02-03-2007, 12:57 PM
also, are you working with linux, or windows.. check the CaSe of the image links....

Logo2.jpg is different from logo2.jpg

The Iconoclast
02-03-2007, 03: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.

visions
02-03-2007, 08: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.

visions
02-03-2007, 11:49 PM
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.

Excavator
02-04-2007, 02: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.

drippin
02-04-2007, 02: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.

CFMaBiSmAd
02-04-2007, 03:26 AM
Good point. However, I hope that nobody on this planet still has their file extensions hidden...

samurdha
02-04-2007, 04:23 AM
i think the problem is with your filenames. use something like "image_1.jpg" instead of "image 1.jpg".....



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum