• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 285
  • Last Modified:

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
0
thomjw
Asked:
thomjw
  • 7
  • 3
1 Solution
 
mrwebdevCommented:
You will need to include the image in the web folder
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.

0
 
mrwebdevCommented:
Try here for some basic tutorials that may help you.

http://www.w3schools.com/html/html_examples.asp
0
 
thomjwAuthor Commented:
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:thomjwsite" Again, I put both the picture and the saved web page (named "thought7.htm) and the picture is named 0.jpg. Any ideas before I throw my laptop into moving traffic?
0
How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

 
mrwebdevCommented:
You're not stupid, I'm sure we can figure this out.

Can you paste the code from the page here?
0
 
mrwebdevCommented:
First thing I see is the Folder Name, try renaming it something smaller like:

thomjwsite

With no colons.

also paste your code here, too.


0
 
thomjwAuthor Commented:
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>
0
 
mrwebdevCommented:
Change:
<p><em><img src="/0.jpg" width="639" height="406" /> </em></p>

to:
<img src="0.jpg" width="639" height="406">

and see if that helps!

0
 
thomjwAuthor Commented:
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.
0
 
mrwebdevCommented:
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
0
 
mrwebdevCommented:
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.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 7
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now