I've made a website for my sister's wedding, giving information about it all etc. I'm hosting it on my free AOL webspace, basically so it's cheaper, but I've bought a domain name so its easy and more memorable.

Anyway, when i go to the website straight to the AOL space (Straight to AOL) it displays fine, the images appear, and the CSS style sheet displays links etc properly. However, when you go to the site via the new domain (www.landawedding.co.uk) none of the images display and the links are all default with CSS style sheet not being used.

Any ideas to why this happens? fixes? Is it possibly the free AOL hosting thats causing problems?

Cheers

(Also it may just be my browser or comp, so if it displays fine on your computer please say)

Since that post i've discovered a couple of other problems. When you go via the domain, the links which are saved as '/home.htm, /contact.htm etc' would link as '/home.htm/contact.htm'. This is really weird and they are perfectly fine if you just go direct to the AOL space. I changed them so the links would read '/weddinglanda/contact.htm' so they work now, but any ideas why it would do that?

Hey stoot,

I've had a very quick look and the first thing I noticed when looking at the source code is that the landawedding site is being displayed in frames, whereas the original on AOL is a standard set up without frames.

This is most likely the cause of the problem. The target source for the frames based site has absolute links to the source pages on the AOL site which is fine for the main page content, but these pages then use relative links to the images and links.

I am assuming the frames based site is actually hosted on 1and1 web space. If this is the case the pages are looking for the images on the 1and1 web space and they aren't there.

There are a number of ways around this.
1. Move the whole site from AOL to 1and1 and do not use frames (This is probably the easiest method).
2. Update the AOL site to use absolute links to the images/links etc
Example:

<!-- Change this -->
<a href="javascript:;" onMouseOver="MM_swapImage('home_r1_c8','','images/home_r1_c8_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img name="home_r1_c8" src="images/home_r1_c8.gif" width="20" height="30" border="0" alt=""></a>

<!-- To This -->

<a href="javascript:;" onMouseOver="MM_swapImage('home_r1_c8','','http://members.aol.com/weddinglanda/images/home_r1_c8_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img name="home_r1_c8" src="http://members.aol.com/weddinglanda/images/home_r1_c8.gif" width="20" height="30" border="0" alt=""></a>

3. Use web forwarding to redirect users to the aol website

Hope this helps.

Ian.