Chief Delphi - Need some Help please!!

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)

- Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)

- - Need some Help please!! (http://www.chiefdelphi.com/forums/showthread.php?t=80862)

JDeCola

22-01-2010 14:57

Need some Help please!!

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

22-01-2010 15:06

Re: Need some Help please!!

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)

Code:

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

BrendanB

22-01-2010 15:07

Re: Need some Help please!!

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

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

JDeCola

22-01-2010 15:12

Re: Need some Help please!!

Quote:

Originally Posted by Rizner (Post 904717)

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)

Code:

<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

Quote:

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

22-01-2010 17:06

Re: Need some Help please!!

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:

Code:

<h3>Member #1</h3>



<p>bio...</p>



<h3>Member #2</h3>



<p>bio...</p>

Give each h3 a unique "id".

Code:

<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:

Code:

<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:

Code:

<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

22-01-2010 17:09

Re: Need some Help please!!

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

JDeCola

22-01-2010 17:14

Re: Need some Help please!!

Quote:

Originally Posted by Dan Zollman (Post 904815)

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 :D it works, so far...you know how webpages go :yikes: lol

Team 1158 Web Team

All times are GMT -5. The time now is 15:45.