navigation trouble

loose content on links

[meanweaver]

I am in the process of putting together my first website in dreamweaver, i have created my pages and my last job was to link them all together, so far so good, if i then hit f12 to view a page it looks fine, but when i then test to see if i can click to another page this is where my trouble starts, the 1st click to another page and the image doesn't show, the 2nd click away from this and the cant display this page error shows, it doesn't matter what page i start from or click to it's always the same as the 1st click i lose the image, then if i click a 2nd time i get the page wont display error, i'm wondering if it's to do when i first went into define a new start right at the start. please keep any reply simple as i'm a complete biginner to all this.
Regards Ian

[trismegisto]

Hi meanweaver and welcome to Webmaster World!

I guess that your problem has to do with relative paths in your website, but it’s hard to know the exact problem if you do not show us a little snippet of your source code.

Try using the dot syntax. If your page is in widgets/page01.html, and your image is in images/img01.jpg, your source attribute for the img tag should be ../images/img01.jpg.

It’s the only solution i can think of right now.

Hope that helps.

[meanweaver]

when i set the site up it created an image folder then under this i have my other pages as html files, so in dreamweaver when i look on the right hand side thats all i see, my root folder with images folder and html pages, i have inserted the image by drawing a text box then hitting insert image, the program then copys the file for me, what i dont understand is why it previews ok to start with but then starts going wrong as i navigate off, as for the code snippet, i really dont know much about code but here goes

<IMG SRC="images/earth_03.gif" WIDTH=84 HEIGHT=29 ALT="">
<TR>
<TD COLSPAN=3>
<A HREF="/jupiter.html"
ONMOUSEOVER="changeImages('earth_02', 'images/earth_02-earth_06_over.gif', 'earth_06', 'images/earth_06-over.gif', 'earth_07', 'images/earth_07-earth_06_over.gif', 'earth_08', 'images/earth_08-earth_06_over.gif'); return true;"
ONMOUSEOUT="changeImages('earth_02', 'images/earth_02.gif', 'earth_06', 'images/earth_06.gif', 'earth_07', 'images/earth_07.gif', 'earth_08', 'images/earth_08.gif'); return true;">
<IMG NAME="earth_06" SRC="images/earth_06.gif" WIDTH=90 HEIGHT=21 BORDER=0 ALT=""></A></TD>
<TD COLSPAN=2 ROWSPAN=4>

gave you this as it as a href in it, sorry i cant make any more sense but i really am a beginner.
regards Ian

[mattur]

Part of the problem could be down to how you use relative vs absolute urls. In the dreamweaver Select File dialog for a hyperlink you can choose relative to Site root or relative to Document.

If you don't have a web server installed you are prob. better off using relative to document so link would be "jupiter.html" rather than "/jupiter.html" HTH

[meanweaver]

ok kind of with you. does this mean i have to scan though the code on every page and drop the / on every link, or is there a way dreamweaver will do this for me, and if this is the case does it mean i have to put them all back in before i upload it, maybe i should just upload it and see what happens, all the pages are finished and if it works when uploaded then i'm happy with that.
Regards Ian

[meanweaver]

have just found a tool on dreamweaver called link checker, it's found a number of broken links on 1 page here is the code from it

<td><img src="../../images/head_search.gif" width="84" height="12" alt="" border="0"></td>
</tr>
<tr>
<td><input type="text" size="10" name="Terms" maxlength="255"><img src="../../images/head_searchgo.gif" width="17" height="18" alt="" border="0" hspace="4"></td>

i have no idea what head_searchgo is, i have copied and pasted some text from another site, could that cause this,

when i look at site navigation however ot shows all pages linked ok, and indeed it does link from one page to the next but images still go on 1st click then 2nd click nothing will display.
please help i'm going mental.

[mattur]

Seems to be several problems here. The image code should reference the image like "images/image-name-here"

head_searchgo.gif appears to be an image reference left over from your copy-and-paste ;)

My advice is to explore Dreamweaver further: particularly the "Code and Design" view. To sort out HTML problems you will need a working knowledge of how to write html code. There's loads of good html tutorials just a google away :)

May seem a pain now, but it will save you time and frustration now and later...