Dynadot

How to make links open in cells (Targeting different content in different cells)

Spaceship Spaceship
Watch
Impact
0
Here is a question for all those super webdesigners. I have a page that has 3 columns., (25%, 50%, 25%) named table left, middle, right. What I need to do is have all my main navigation on the left table...home, about us, contact us, programs.

Have the content in the middle table.

Have related links in the right table.

Now, with out using frames, iframes is there a way I can....

When click on the link in the left table the content related to that link loads in the middle and links related to this page loads in the right table. At the same time the page stays static and the main navigation (left) stays the same. I need the effect of frames without using them. I dont want to have a template and reload a new page over and over. Thank you everyone that can help!
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
You can do it with CSS. :D

You can add something like this to the head section of your page:

<style type="text/css">
A.link1:link { color: #0000ff; text-decoration: none}
A.link1:visited { color: #0000ff; text-decoration: none}
A.link1:active { color: #0000ff; text-decoration: none}
A.link1:hover { color: #efefef; text-decoration: none}


A.link2:link { color: #0000ff; text-decoration: none}
A.link2:visited { color: #0000ff; text-decoration: none}
A.link2:active { color: #0000ff; text-decoration: none}
A.link2:hover { color: #efefef; text-decoration: none}
</style>

Then for each link you can call it up in your page like:

<a href="/yourlink.html" class="link1">link1</a> <a href="/yourlink.html" class="link2">link2</a> etc.

You can add as many different classes as you'd like.

There's alot of different ways that you can do it, but them are the basics. :)

For cells you can do it like this:

<td class="link1"><a href="/yourlink">link1</a></td>

or you could add it to to the table tag like this:

<table class="link2">

You would just need to experiment a bit to see how things work.

:webdev:
 
0
•••
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back