Need some Help please!!

[JDeCola]

Hey everyone, what we were trying to do is have Bios for all the members on our webpage, but we wanted to have thumbnails elsewhere, and when you click on the thumbnails, it takes you to the page with the bios, to that specific person's bio...we were wondering how to do that exactly. Thanks beforehand everyone!!

J. DeCola
Team 1158 "The Corps"

[Rizner]

if you're using html, you could create a page with links, and images where you put in the link's word.. as follows (if I remember correctly)

<a href = "www.link-to-their-bio.com"> <img src = "link-to-their-image.jpg"> </a>

[BrendanB]

We have something a little similar, but we have pictures with text above for each student.

http://www.mechanicalmayhem.org/teammembers.asp

[JDeCola]

Originally Posted by Rizner

if you're using html, you could create a page with links, and images where you put in the link's word.. as follows (if I remember correctly)

<a href = "www.link-to-their-bio.com"> <img src = "link-to-their-image.jpg"> </a>

as far as this, we were wanting the bios all on one page, is there anyway to make HTML or CSS to scroll down the page (pixels wise) within a hotlink.

Using Dreamweaver MX 04

We have something a little similar, but we have pictures with text above for each student.

http://www.mechanicalmayhem.org/teammembers.asp

Using Dreamweaver, no flash avail

Thanks for fast responses guys

[Dan Zollman]

Sounds like you want to use anchors:

You can add an anchor using the "id" attribute. Say the page is called "bios.html". If you send a link to "bios.html#something", it will look for an element with an "id" of "something".

For example, say the page has a series of bios, each starting with a heading:

<h3>Member #1</h3>

<p>bio...</p>

<h3>Member #2</h3>

<p>bio...</p>

Give each h3 a unique "id".

<h3 id="member1">Member #1</h3>

<p>bio...</p>

<h3 id="member2">Member #2</h3>

<p>bio...</p>

Then create a link to each section:

<a href="#member1">Go to member 1's bio</a>

This will cause the page to scroll to the heading with id="member1".

If you're linking to the bio FROM a different page, include the path:

<a href="bios.html#member1">Go to member 1's bio</a>

Note that the ID value must begin with a letter, not a number.

[Dan Zollman]

Also, it doesn't have to be a heading tag. Could be a paragraph, list item, div, etc.

[JDeCola]

Originally Posted by Dan Zollman

Also, it doesn't have to be a heading tag. Could be a paragraph, list item, div, etc.

thank you SO much!! thats exactly what we were looking for it works, so far...you know how webpages go lol

Team 1158 Web Team