Forums
This topic is locked
Problems with pictures - URGENT
Posted 24 Apr 2007 20:15:31
1
has voted
24 Apr 2007 20:15:31 Stephanie King posted:
I am ready to rip my hair out! I am using Macromedia Dreamweaver 8 to design a webpage for a friend of mine, and I've got all the links working (except for one, but I think I know how to fix it), and everything is DONE except when I go the page, some of the pictures don't show up, I get a blank box with a smaller box in it and then a red x - like the picture can't be viewed.
The extremely aggravating thing is that when I look on Dreamweaver, it shows the picture, and even shows it when I hit "preview with IE 6.0" but then I go to the actual website and it won't show up! I want to scream!
Does anyone know why this is happening? My friend said I might have the HTML coded wrong (I don't have a lot of experience with it yet but I'm learning) and I was wondering, if the picture is in the root directory, if it is located anywhere else, will it not show up?
This is an example of HTML for a picture that DOES work:
<p align="center"><img src="dougdance2.jpg" alt="" name="dance2" width="250" height="211" id="dance2" />. <img src="dougdance2v1.jpg" alt="" name="v1" width="250" height="224" id="v1" /> .<img src="dougdance2v2.jpg" alt="" name="v2" width="250" height="218" id="v2" /></p>
This is a set of 3 pictures in a row.
THEN here's one of the ones that doesn't work (on the same page):
<p align="left" class="style9"><img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\part card read.jpg" alt="cool read" width="320" height="252" /> <img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\coolread.jpg" alt="cool read 2" width="480" height="349" /></p>
This is another one that doesn't work:
<p class="style10"><img src="cert shop carp.jpg" alt="cert shop" width="320" height="252" /> <img src="shop1.jpg" alt="shop 2" width="480" height="349" /></p>
Does anyone know what I'm doing wrong here, any hints, ANYTHING? If you do, please email (my friend is on my behind to get this done NOW, it's been 2 weeks, this is the LAST thing and I'll be done)!!!
Please and thank you - please email me if you can help me!
Replies
Replied 25 Apr 2007 07:33:22
25 Apr 2007 07:33:22 satheesh Dominic replied:
Case 1.
Your HTML Code with errors:
<p align="left" class="style9"><img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\part card read.jpg" alt="cool read" width="320" height="252" /> <img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\coolread.jpg" alt="cool read 2" width="480" height="349" /></p>
Your Mistake:
When you inserted these images into the html page using dreamweaver, it warned you Something like this, "the image is not inside the root folder.... Would like to copy it to the rootfolder....." YOU PRESSED NO. YOU SHOULD HAVE PRESSED YES TO LET THE IMAGE TO BE COPIED TO THE SITE ROOT FOLDER.....
Solution:
The above mentioned code does not work. Let me tell you why.....
In HTML, when we call images to display.. we use "<img src="......" alt="..." width="...." height..." /> , You might have noticed a long path in the '<img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\part card read.jpg" alt="cool read" width="320" height="252" />' .... This is a wrong useage. If you use in this way the image will not be displayed.
YOU HAVE TO PUT THE IMAGE NAMED,"part card read.jpg" INTO THE ROOT FOLDER (IN THE SAME FOLDER WHERE THE HTML PAGE IS PUT) AND THEN REWRITE THE CODE AS <img src="part card read.jpg" alt="cool read" width="320" height="252" />
DO THE SAME WITH NEX IMAGE TOO........COPY THE IMAGE TO THE ROOT FOLDER THEN INSTEAD OF src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\coolread.jpg" YOU SHOULD WRITE src="coolread.jpg" THE REST LEAVE AS IT IS...
case 2
YOU CODE
<p class="style10"><img src="cert shop carp.jpg" alt="cert shop" width="320" height="252" /> <img src="shop1.jpg" alt="shop 2" width="480" height="349" /></p>
SOLUTION:
WHEN YOU MAKE IMAGE FILES, MAKE IT A POINT THAT, YOU WILL NOT MAKE IMAGE NAMES WITH BLANK SPACE. eg: "cert shop carp.jpg" YOU CHANGE INTO "cert_shop_carp.jpg"
SOMETIMES, IMAGES WITH BLANK SPACES WILL NOT BE DISPLAYED PROPERLY. SO TRY RENAMING THE IMAGE AND THE SRC =".." CODE INTO "certshopcarp.jpg" or "cert_shop_carp.jpg"
TRY TO DO IT LET ME KNOW IF I CAN HELP YOU MORE......
Your HTML Code with errors:
<p align="left" class="style9"><img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\part card read.jpg" alt="cool read" width="320" height="252" /> <img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\coolread.jpg" alt="cool read 2" width="480" height="349" /></p>
Your Mistake:
When you inserted these images into the html page using dreamweaver, it warned you Something like this, "the image is not inside the root folder.... Would like to copy it to the rootfolder....." YOU PRESSED NO. YOU SHOULD HAVE PRESSED YES TO LET THE IMAGE TO BE COPIED TO THE SITE ROOT FOLDER.....
Solution:
The above mentioned code does not work. Let me tell you why.....
In HTML, when we call images to display.. we use "<img src="......" alt="..." width="...." height..." /> , You might have noticed a long path in the '<img src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\part card read.jpg" alt="cool read" width="320" height="252" />' .... This is a wrong useage. If you use in this way the image will not be displayed.
YOU HAVE TO PUT THE IMAGE NAMED,"part card read.jpg" INTO THE ROOT FOLDER (IN THE SAME FOLDER WHERE THE HTML PAGE IS PUT) AND THEN REWRITE THE CODE AS <img src="part card read.jpg" alt="cool read" width="320" height="252" />
DO THE SAME WITH NEX IMAGE TOO........COPY THE IMAGE TO THE ROOT FOLDER THEN INSTEAD OF src="C:\Documents and Settings/PRAISEJESUS!\My Documents\dmicco\coolread.jpg" YOU SHOULD WRITE src="coolread.jpg" THE REST LEAVE AS IT IS...
case 2
YOU CODE
<p class="style10"><img src="cert shop carp.jpg" alt="cert shop" width="320" height="252" /> <img src="shop1.jpg" alt="shop 2" width="480" height="349" /></p>
SOLUTION:
WHEN YOU MAKE IMAGE FILES, MAKE IT A POINT THAT, YOU WILL NOT MAKE IMAGE NAMES WITH BLANK SPACE. eg: "cert shop carp.jpg" YOU CHANGE INTO "cert_shop_carp.jpg"
SOMETIMES, IMAGES WITH BLANK SPACES WILL NOT BE DISPLAYED PROPERLY. SO TRY RENAMING THE IMAGE AND THE SRC =".." CODE INTO "certshopcarp.jpg" or "cert_shop_carp.jpg"
TRY TO DO IT LET ME KNOW IF I CAN HELP YOU MORE......