iFrames help please!

[deekim916]

Hello
I'm currently creating an automotive website and need help with some iFrames.

Heres what I'm aiming for;
I have 5 links with a 'Content' box where the page will load into the iFrame.

I want the Content box to be the iframe.
When a user clicks on one of the links, I want the page to load in the iFrame for each individual link.

So;
User clicks Home, the home page will load in the iFrame
User clicks Vendors, the vendors page will load in the iFrame
and so forth

Please help me with coding and where the code should go.

I'm using Adobe Dreamweaver CS5

Thank you for your help.

 

[ronaldroe]

Simple answer: don't use iframes.

 

[Janja]

Name and position the iframe where you want it on the page:
<iframe name="content" src="path to html file to show as default" width="320" height="320">
</iframe>

Links in navigation:
<a href="path to vendors.html" target="content">
Vendors</a>

 

[deekim916]

So my code would be like this?

<iframe name="content" src="home.html; aboutus.html; vendors.html; contactus.html" width="320" height="320">
</iframe>

how would I apply the link to an image? when i use that code it comes up with text

 

[Janja]

No, this code here below is the frame you are loading the content into. If you want the default frame to show an image, use a .jpeg for the src path.

<iframe name="content" src="path to html file/or image" width="320" height="320">
</iframe>



These would be the links to load the content within the iframe.
<a href="path to vendors.html" target="content">
Vendors</a>
<a href="path to aboutus.html" target="content">
About Us</a>
<a href="path to contactus.html" target="content">
Contact Us</a>

If you want the link to be an image instead of text you would use something like this:
<a href="contactus.html" target="content">
<img src="contact-us-image.jpg" /></a>



__________________