how to use anchor within a page Options

[davidm.me]

Hi,
Need help with this page I'm trying to insert links to the top - "Top "- and middle of the page - "Medical complaints and other uses". Problem is I can't arrive to the exact location without adding dummy divs, margin-top and margin-bottom. Appreciate any suggestions how I can make this a more exact science without having to use these extra positioning props.
Thanks for any help
David

[Christian J]

You don't need to use A elements like this:

CODE

<a name="foo"></a>

instead you can just give any HTML element (in the BODY section) an ID, like this:

CODE

<header id="foo">...

and link to it as usual:

CODE

<a href="#foo">...

The "top" destination is easy, just add the ID to an element as early/high as possible (of course a desktop PC user could also the Home key). For the "complaints" section, add an ID to the elements surrounding the heading (this may or may not end up in the exact middle of the page, depending on window and text size).

BTW, this is a typo:

<lable>Click to see</lable>

--it should be LABEL, and it needs a FOR attribute unless it's associated with a child form element. See also http://www.htmlhelp.com/reference/html40/forms/label.html