Can't get (local) hyperlinks to work

Caporegime
Joined
18 Oct 2002
Posts
28,705
Location
London
Excuse the noob question; I am making a mock up web site in Xara Designer 6. All the pages are stored locally on my computer (exported each page as .htm) but I am having problems with the hyperlinks. I try and set the link to 'link to file' as I assume that is the correct thing to do. I point it to the appropriate file on the computer (another .htm) file but when I try the link in the browser it opens the correct page but minus all the formatting, colours and graphics. Each of these pages have their own folders containing the banners, graphics etc but when trying a hyperlink to a local page it opens it as if it has bypassed all of pictures/graphics. What am I missing?
 
If it's loading the page then the hyperlink is working fine.

How are you applying the formatting on the pages? CSS? In-line?

And when you say each of the pages have their own folders.. that doesnt sound right. You should have your pages and then shared folders for things like images, external sheets, javascript etc.

Can you paste your code for the page that works and one that doesnt please?
 
Easy gord, my web making skills are next to none :o. I have used Xara as a WSYWYG editor (so probably made some messy code but it more design purposes than code). Hopefully these print screens will explain the situation better :).


What the exported pages look like

9se8hs.png


The files for one page stored in a folder

30ll6d2.png


The pane you I used to implement the hyperlink

jj6agw.png


What (part of) the page should look like

1z65aur.png


What it looks like when I use the hyperlink (ignore the red boxes - that was me)

bi2hoh.png
 
The files for one page stored in a folder
30ll6d2.png
Are those files exactly the same in the other page's folder?

That said, the file structure for your site like that is really poor. I'm surprised this Xara program doesn't help you out a bit more with how to organise the site.
 
Are those files exactly the same in the other page's folder?

That said, the file structure for your site like that is really poor. I'm surprised this Xara program doesn't help you out a bit more with how to organise the site.

No - the other folder contains the files used for the other page.
 
No - the other folder contains the files used for the other page.

You should have a folder for your images, and each page refers to the same images, no matter what page, or where.

Now why your design environment sets up folders for each page I don't know. One way to test this is to copy the images etc from your home folder and put them in the other page folder and see if that fixes the appearance of the other page.

But you shouldn't be building it like that. You would be 50 times better off going to tizag.com and reading their HTML tutorial and building something very simple to start, and then going back to your WYSIWYG editor so you have an understanding of what it is doing. I don't have any experience of that editor so I simply can't see the logic behind what it is doing unfortunately.

If you could post the code of each page that would be useful too. To do this, open up the page in Firefox, right click on it and go view source, and post that information here in [code ] [ /code] tags.
 
Thanks :) - I am continuing with Xara as time isn't on my side but learning HTML at weekends. Figured out the problem. A new one has arose though. I have tried several different fonts (Arial, Arial Black, Microsoft Sans Serif, Franklin Gothic Medium etc) but when I go to preview the page a message pops up saying "text using the following non standard fonts may appear different in web browsers". The problem is each font I try seems to be added to the list/message, sure enough the text does look different in the preview. Any ideas?
 
Back
Top Bottom