PDA

Click to See Complete Forum and Search --> : Assistance required

1.2.3
08-24-2003, 07:05 PM
I am studying links in Lesson 7 of an xhtml class that I am taking. There are three components of the assignment:

1) linking to another page
2) linking within the same page
3) linking an image within the same page or
another page.

I have no trouble with linking to another page, but I am having trouble with linking within the same page

I was trying to create a mapped link from the graphic to the ingredient list, but ended up with a 2nd image pointer on the same page. How do i correct this. I want to be able to click on the flax oil graphic and point it to the ingredient within the ordered list for flax oil.

My URL is http://www.geocities.com/*******/Homework7.html

*******
<
Aronya1
08-24-2003, 10:15 PM
What you want is an anchor tag <a href="flax_ingredients"> that points to <a name="flax_ingredients"> which is placed just in front of your text for the recipe.

The problem is this is usually used to jump within a long page, and your page is very short, so it really doesn't go anywhere. In other words, you might use it if your recipe was at the bottom of the page, and the main body of the page was lengthy. Put the link at the top to jump to the bottom.
1.2.3
08-25-2003, 12:07 AM
I went ahead and implemented the changes you
suggested, but I used the words flax oil instead of flax ingredient since this was the actual verbage of the recipe.

I would like to get the words flax oil on line 1 of the ordered list to blink bold when the flax seed oil icon is clicked. How do I do this?

Our instructor has only told us how to go to the end of the page and I was hoping to do something
different. I have enclosed my code below.


Thanks,
*******

ATTACHMENT

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML lang="en">
<HEAD>
<TITLE>
raising HDL Cholesterol
</title>
<STYLE TYPE="text/css">
div.panic span |
{color: black; font-size: large}
H1 {margin-top : .75em; text-indent: 5em; color: #000000; font size=85%, }
H2 {text-indent: 11em}
li {text-indent: 15em}
dl {font-size: 75%}
a href {text-indent: 15em}
</STYLE>
</HEAD>
<H1> Procedures for raising HDL Cholesterol
</H1>
</TITLE>
<BR/>
<UL>
<LI> flax oil salad dressing</li>
<LI> Max DHA (500mg x 3)</li>
<LI> eat fish twice per week</li>
<LI> exercise three or more times per week</li>
</UL>
<BR/>
<BR/>
<H2> Recipe for flax oil salad dressing that boosts HDL cholesterol
</H2>
<OL>
<LI> Mix one cup of flax oil with 1/2 cup of pickle juice
<LI> Add 1/3 cup of Lemon Juice
<LI> Add one teaspoon of vinegar
<LI> Add one teaspoon of garlic powder
<LI> Add one pinch of thyme and shake
</OL>
<MAP ID="ingredient.gif" name="ingredient.gif">
<AREA SHAPE="rect" coords="0,0,115,143" href="http://www.geocities.com/*******/Homework7.html"/>
</MAP>
<IMG SRC="ingredient.gif" USEMAP="#ingredient.gif"/>
<a href="flax oil"> <a name="flax oil">
<A HREF="http://www.geocities.com/*******/Homework4.htm">Get your recipe discovered on the net</a>
<OL>
<DL >
<DT>Max DHA -- Omega-3 Fatty Acids:</dt>
<DD> An over the counter supplement containing Docosahexaenoic Acid (DHA) 500mg</dd>
<DD>and Eicosapentaenoic Acid (EPA) 200mg. DHA and EPA are found in sardine oil.</dd>
</DL>
</BODY>
</HTML>
spufi
08-25-2003, 11:18 AM
Here's the complete Doctype.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Here's your <html> tag.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

Here's your <meta> tag for your charset.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Now, go click on the link for W3C validation in my sig and validate your page. You have errors in it, and if your teacher is worth anything, they would nail you for not having a valid XHTML page. I know I would.

Here's how to link within the same page. Where you want to link to give the tag a name. <a name="gotohere" href="page2.html">Page 2</a>

Now, create a link to go to that very spot. <a href="#gotohere">Go to here</a> It's not the best example, but you should get the idea.