13 Apr 08 8:59 pm
What you can do, and this will make it a bit easier for you in the future is store all your images there own folder, separate from the html/php pages.
There is a couple of ways to link up images.
You can tell it exactly where to find it, like
<img src="http://www.mysite.com/images/pic.jpg">
but thats not really a good idea.
Another method you can do is link to the images based on where you page is, so if you image is in the same folder as the page then it would look like
<img src="pic.jpg">
if the image is in a image folder, and the folder is in the same folder as the picture then you can do
<img src="images/pic.jpg">
and if you wanted to do the method you wanted initially where the page is in a seperate folder and images are in a separate folder then you can do
<img src="../images/pic.jpg">
but as you can see, that gets a bit crazy as you have to think, where is my page in relation to the images, and if you move that page it will break the images.
The best method is just to put your images in an image folder, then link like this
<img src="/images/pic.jpg">
notice that / at the start of images, that basically means start at the base of the domain (file path) and work up.
Yea I probably got a bit carried away, but I hope it makes a little sense.
So, turn your Dreamweaver to look at the code view, and find you <img src tag, then edit it to point like "/images/apicture.jpg" - then put your pictures in a image folder.
Take a look at these pages
http://www.tizag.com/htmlT/images.php
http://www.echoecho.com/htmlimages01.htm
Both of them also show the image sizing and boarders.
It's a good idea to learn the basic HTML, as dreamweaver can make a mess of your html....
