Why aren't my images showing up when I preview my pages locally?
Issue
When I press F12 to preview my page, my images do not show up. However, the images show up in Dreamweaver, and in my page when it is live on the server
Reason
It is likely that you are using Site Root Relative paths for your images. Browsers cannot understand site-root relative links when a document is previewed locally on the hard disk.
Solution
Change the Src attribute for each image from Site Root Relative to Document Relative. Unfortunately, you will have to manually change the source of each image on your page to Document Relative.
Follow these steps to change the "Relative to..." setting to"Relative to Document":
| 1 | Place the mouse cursor on the image that is not showing up. |
| 2 | In the Property Inspector, click on the folder next to the Src field. (On Macintosh the folder will be blue, on Windows it will be yellow). |
| 3 | Change the"Relative to..." setting to "Document" from "Site." This setting can be found at the bottom of the Dialogue box. |
| 4 | Re-browse the path to your image. |
| 5 | Repeat steps 1 to 4 as needed for each image on your page. |
This content requires Flash
To view this content, JavaScript must be enabled, and you need the latest version of the Adobe Flash Player.
Download the free Flash Player now!
