broken images problem

was hoping someone might be able to help with a major problem I cant fix whit a
website ive been building . when you test each individual page in dreameweaver
each page works but the pages linked to it have several broken images . when
you try and open the files as html files on the desktop various images are
broken along with rollovers and none of the pages work as they do when you
preview them in dreamweaver.when you put all the files and images folder onto a
usb card and run it from there it all works properly. also when i tried to test
the site on a mac the pictures that are broken when testing on my pc had
totally disappeared from the images folder. if anyone might have an answer to
this problem please get back to me. the website is based on jpegs that have
been saved for web in illustrator
thanks heaps
Phil

when
you try and open the files as html files on the desktop

You are clicking links in the "Preview in Browser" page, and those pages are
missing images?

older message below-


canned letter #7

it's because you are using Site Root relative paths {they always start with
a leading / slash }, and then either trying to directly view the files from
your hard drive, which is happening when clicking a link on a dreamweaver
"Preview in Browser" page, or you are hosted in a subfolder of a domain like
http://myhost.com/~mysite/

Site Root relative paths won't work in those cases- in the first case
because site root is different than drive root, in the later because the
domain is the site root, not your subfolder.
/image.gif is telling the browser the image is at
http://myhost.com/image.gif
but it's really here:
http://myhost.com/~mysite/image.gif

If that's the reason- change to Document Relative paths.

The point to file and Insert image uses the Last linking method you have
chosen.

******To change this********
select an existing image or link on the page.
in the Property inspector, click the folder icon, to open the "Browse to
File" dialog box. On the lower part of that dialog box is pulldown, to
choose "Site Root Relative" or "Relative to Document"
Put it on "Relative to Document"
Finish picking the correct file, and click okay.

That setting will now stay that way until it's changed.
When you use the point to file tool, it will use that method of linking.

If you want to quickly change links to a different linking method- install
the Relativity Extension.
http://e7x.com/dw/ Relativity ext.
or here
http://www.microwaved.plus.com/dw/


*************

Any chance of putting this up on the web for us to take a look at - it has
to be in the code somewhere.

Do all these folders / files reside in a defined site in DW?
Did you use doc or root relative links when linking your pages and or
elements?

--
Nadia
---------------
:Free Templates !! Dropdown Menu Designs:
http://www.DreamweaverResources.com
:Templates: Free Nav Bar Sets:
:Ecommerce - YVStore : SEO Articles :
:Table Tutorials, Background image Tutorials:
------------------------------------------------

"bankface" <webforumsuser (AT) macromedia (DOT) com> wrote

was hoping someone might be able to help with a major problem I cant fix
whit a
website ive been building . when you test each individual page in
dreameweaver
each page works but the pages linked to it have several broken images .
when
you try and open the files as html files on the desktop various images are
broken along with rollovers and none of the pages work as they do when you
preview them in dreamweaver.when you put all the files and images folder
onto a
usb card and run it from there it all works properly. also when i tried to
test
the site on a mac the pictures that are broken when testing on my pc had
totally disappeared from the images folder. if anyone might have an answer
to
this problem please get back to me. the website is based on jpegs that
have
been saved for web in illustrator
thanks heaps
Phil

yeah all of these file reside inside the defined site. and no i dont think i
used doc or root reletive links when linking. ( your talking to a amatur here
sorry i just used the link tool in the properties box) if this is the problem
how do i create document relative links and also how come the site works when
transfered to a usb card? i cant realy upload it to the web but i can attach
some code from some of the problem pages if that helps.
ps thanks to both of you for your qiiuck reply

<td><img src="/images/headersmain_03.jpg" width="126" height="168"><img
src="/images/headersmain_04.jpg" name="header" width="448" height="167"
id="header"><img src="/images/headersmain_05.jpg" width="168" height="167"></td>
</tr>
</table>
<TABLE WIDTH=307 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=9 ALIGN=left VALIGN=top>
<IMG SRC="images/initiate_04.jpg" WIDTH=64 HEIGHT=417 ALT=""></TD>
<TD COLSPAN=7 ALIGN=left VALIGN=top>
<IMG SRC="images/initiate_05.jpg" WIDTH=165 HEIGHT=57 ALT=""></TD>

<TD COLSPAN=4 ALIGN=left VALIGN=top> <a href="javascript:;"
onMouseOver="MM_swapImage('Image2','','/images/menurroll_06.jpg',1)"
onMouseOut="MM_swapImgRestore()"><IMG SRC="images/initiate_06.jpg" ALT=""
name="Image2" WIDTH=78 HEIGHT=57 border="0" id="Image2"></a></TD>
</TR>

Ok, look at your code,
for your images for example:

places you have: /images/headersmain_03.jpg
and others you have: images/initiate_06.jpg

I am presuming you have the images in a folder called images therefore your
links to be doc relative should be
image/initate_06.jpg without the leading /

In the Property Inspector, when you are linking, make sure you have the
dropdown list set to: doc relative.

You will need to relink all your images and files , either manually, or by
using the extension posted by Alan.

Somewhere along the line you must have had root relative and that is
"sticky', will use that until you change it, and at some point you did at
least going by your code.

Hope that makes sense

--
Nadia
---------------
:Free Templates !! Dropdown Menu Designs:
http://www.DreamweaverResources.com
:Templates: Free Nav Bar Sets:
:Ecommerce - YVStore : SEO Articles :
:Table Tutorials, Background image Tutorials:
------------------------------------------------

td><img src="/images/headersmain_03.jpg" width="126" height="168"><img
src="/images/headersmain_04.jpg" name="header" width="448" height="167"
id="header"><img src="/images/headersmain_05.jpg" width="168"
height="167"></td
/tr
/table
TABLE WIDTH=307 BORDER=0 CELLPADDING=0 CELLSPACING=0
TR
TD ROWSPAN=9 ALIGN=left VALIGN=top
IMG SRC="images/initiate_04.jpg" WIDTH=64 HEIGHT=417 ALT=""></TD
TD COLSPAN=7 ALIGN=left VALIGN=top
IMG SRC="images/initiate_05.jpg" WIDTH=165 HEIGHT=57 ALT=""></TD

TD COLSPAN=4 ALIGN=left VALIGN=top> <a href="javascript:;"
onMouseOver="MM_swapImage('Image2','','/images/menurroll_06.jpg',1)"
onMouseOut="MM_swapImgRestore()"><IMG SRC="images/initiate_06.jpg" ALT=""
name="Image2" WIDTH=78 HEIGHT=57 border="0" id="Image2"></a></TD
/TR

ok that makes more sence ill give that a try and get back to you if i have more problems. thanks again.

changed the links back to document relative. but the problem is still occuring
when i preview in browser the page i preview from is fine but the pages linked
to it are not then when you try to go back to the original page it to now has
certain images broken? same problem so if anyone has anymore ideas on what
this problem could be please let us know as its starting to fry my brain a
little. it still works on the usb for some bizzare reason.

bankface said the following:

changed the links back to document relative. but the problem is still
occuring when i preview in browser the page i preview from is fine
but the pages linked to it are not then when you try to go back to
the original page it to now has certain images broken? same problem
so if anyone has anymore ideas on what this problem could be please
let us know as its starting to fry my brain a little. it still works
on the usb for some bizzare reason.

See if this helps at all.
http://www.macromedia.com/support/dreamweaver/ts/documents/strt_relative_path_local.htm


--
Nadia
-----------------
*Free Templates *Dropdown Menu Templates*
http://www.DreamweaverResources.com
*Templates - HTML and CSS Validated *
*Free Nav Bar Sets*
*Resources : Ecommerce : SEO Articles*
-----------------