thomjw
asked on
Can't get picture to display in dreamweaver mx web page?
Hi everyone,
I am trying to create an additional page for my .mac homepage. All I want in it is a document with a particular background color, with text, and a single picture at the bottom. I am using dreamweaver mx for the first time (first at web design too). It makes the page fine, but when I put the picture in, it isn't viewable on the web, or in the web test in dreamweaver. If I test with IE, it just shows a little red x box. With safari, it just shows a little blue box with a ? mark. I tried moving around the .jpg picture to make sure it is in the root folder. I have tried placing copies of the picture in different locations on the machine, and still no luck. The page is saved in dreamweaver and looks fine there, with the pic showing. But it won't show the pic in the web test? I am sure it has to be some kind of link problem with where it thinks the pic should be or something. Again this is my first attempt at this stuff. Any help would be greatly appreciated,
Tom
I am trying to create an additional page for my .mac homepage. All I want in it is a document with a particular background color, with text, and a single picture at the bottom. I am using dreamweaver mx for the first time (first at web design too). It makes the page fine, but when I put the picture in, it isn't viewable on the web, or in the web test in dreamweaver. If I test with IE, it just shows a little red x box. With safari, it just shows a little blue box with a ? mark. I tried moving around the .jpg picture to make sure it is in the root folder. I have tried placing copies of the picture in different locations on the machine, and still no luck. The page is saved in dreamweaver and looks fine there, with the pic showing. But it won't show the pic in the web test? I am sure it has to be some kind of link problem with where it thinks the pic should be or something. Again this is my first attempt at this stuff. Any help would be greatly appreciated,
Tom
Try here for some basic tutorials that may help you.
http://www.w3schools.com/html/html_examples.asp
http://www.w3schools.com/html/html_examples.asp
ASKER
mrwebdev, I tried even making another page, creating a new folder, and putting both the .jpg image and the web doc in there. I still can't get it to show the picture. I even tried several differnt types of pictures, changed the format from jpg to gif, and nothing. I am really stumped on this one? I know I am so close, I still believe that the problem exists in the linking of where the picture is stored. As far as putting it on the web site's folder, I'm not even that far yet. I am just trying to get it to work locally on the laptop that I'm creating the dreamweaver web page. And I am saving it as html in a folder on the laptop named "machintosh HD:Users:thomas:Sites:thom
You're not stupid, I'm sure we can figure this out.
Can you paste the code from the page here?
Can you paste the code from the page here?
First thing I see is the Folder Name, try renaming it something smaller like:
thomjwsite
With no colons.
also paste your code here, too.
thomjwsite
With no colons.
also paste your code here, too.
ASKER
Hi mrwebdev,
it took me a minute but I found out how to display the code of the page, I cut out the major text before the command lines to make it easier for you,
here it is
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body bgcolor="#CC33CC" text="#FFFFFF" link="#66FF66" vlink="#66FFFF" alink="#CCCCCC">
<div align="center">
<p>My Thoughts</p>
<p>by Tom Wilson </p>
<p><em>Hi, this is my first attempt at a blog type page. I named it my thoughts. Hopefully anyone reading it won't take me too seriously. I think I am a pretty straightforward type of person. </em></p>
<p><em>Recently, I was introduced to Heather. </em></p>
<p><em><img src="/0.jpg" width="639" height="406" /> </em></p>
</div>
</body>
</html>
it took me a minute but I found out how to display the code of the page, I cut out the major text before the command lines to make it easier for you,
here it is
<!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body bgcolor="#CC33CC" text="#FFFFFF" link="#66FF66" vlink="#66FFFF" alink="#CCCCCC">
<div align="center">
<p>My Thoughts</p>
<p>by Tom Wilson </p>
<p><em>Hi, this is my first attempt at a blog type page. I named it my thoughts. Hopefully anyone reading it won't take me too seriously. I think I am a pretty straightforward type of person. </em></p>
<p><em>Recently, I was introduced to Heather. </em></p>
<p><em><img src="/0.jpg" width="639" height="406" /> </em></p>
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
THANK YOU!!! I just accepted your answer. How did you know that would fix it? You see, when I was putting the picture in the page, I was simply using the little "add image" icon on the tool bar in dreamweaver. I assumed that it was writing the html stuff the correct way? You are awesome! Hey, why did dreamweaver add all that other extra string of stuff before and after what it really needed??? Would you consider becoming my pay per call dreamweaver tech guy? I'm serious. I won't be doing much of this, but you certainly know what you are doing!!!! Kudos!!
thanks again,
Tom W.
thanks again,
Tom W.
That's what we're are all here for Tom, Thanks for the compliment, when you need help come back here and ask for it!
Good Luck & Thanks
Good Luck & Thanks
Change:
<p><em><img src="/0.jpg" width="639" height="406" /> </em></p>
^This was the problem!
That did not need to be there!
<p><em><img src="/0.jpg" width="639" height="406"> </em></p>
This would work too.
<p><em><img src="/0.jpg" width="639" height="406" /> </em></p>
^This was the problem!
That did not need to be there!
<p><em><img src="/0.jpg" width="639" height="406"> </em></p>
This would work too.
both on in your root on your local PC and on the web!
The images and the pages go together like a hand and
a glove.
If the page has images, they need to be in the same
website.