Linking to half way down the page! HTML boffs get in here!

[Bennah]

How do I go about getting a link to a certain OcUK product that is half way down a page?

Example is say I want to link to the Opty 144 which is half way down the 'this week only deals' page, how do I do that?

Saves the person opening the link going all the way down the page.

Something very simple but I dont know how to do it lol.

Using Firefox if you want to know.

Thanks

 

[red11]

By using 'a name' tags:

Use this near to where you want the page to go to:

<a name="something"></a> These will not be visible on the webpage.

And to link to them:

<a href="whateverpage.htm#something"> </a>

 

[Saberu]

Try checking the source code to see what the bookmark links are.

 

[tom_e]

i thought this was only possible if an anchor had been placed at that location in the code

 

[Beansprout]

The OcUK product pages look something like this if you view the source code:

<A NAME="[b]aMO_2d001_2dDE[/b]"></A><FONT FACE="ARIAL" SIZE="+1"><B>Dell Ultrasharp 2405FPW 24" Widescreen LCD Monitor - Midnight Grey (30906) (MO-001-DE)</B></FONT>

View the source code then use Find to locate the product you're looking for and copy the bold bit and link in the fashion Tony gave

 

[Bennah]

<a name="something"</a>

<a href="http://www.overclockers.co.uk/acatalog/Online_Catalogue_This_Week_Only_25.html#something"> </a>

Well thats my go at it lol.

Do I change 'something' to the url?

 

[red11]

Use this code, you really don't need the 'a name' tags since you are just linking to the overclockers site:

<a href="http://www.overclockers.co.uk/acatalog/Online_Catalogue_This_Week_Only_25.html#aMO_2d001_2dDE"> </a>

You only need to use the 'a name' tags when you are linking to another section inside your own website.

 

[Bennah]

Right Ive got you. Ive got the 'bold' part of the product I want to see.

Now if I do what you have put there, but with my bold bit and put it in url tags it doesnt work.

 

[Beansprout]

<a href="http://www.overclockers.co.uk/acatalog/Online_Catalogue_This_Week_Only_25.html#aMO_2d001_2dDE"> Link text (what shows on the webpage)</a>

 

[red11]

Try this:

<a href="http://www.overclockers.co.uk/acatalog/Online_Catalogue_This_Week_Only_25.html#aCP_2d141_2dAM" target="_blank">Test</a>

Then you can rename 'Test' to whatever you want the link to be called. If you want the link to open in a new page, the code above is fine, if you want the link to open in the same page, change the

target="_blank" to

target="_self"

 

[Bennah]

Its really so I can post the link to my friends in emails or on msn or on forums, saving them to scroll down the page.

Its actually not going on a website. Can it be possibly done?

Sorry for the confusion.

 

[Bennah]

http://www.overclockers.co.uk/acatalog/Online_Catalogue_This_Week_Only_25.html#aCP_2d141_2dAM

Done it Finally got there

I figured after getting told about the page source.

I pasted this " aCP_2d141_2dAM " after the original page link with a # just after the normal link then the code.

Thanks a lot for your help Tony Soprano and Beansprout

 

[red11]

No problems, I'm glad you got it in the end.

 

[tehgazza]

thats all you hae to do isnt it??? put #what you want after the url??

 

[Augmented]

By using 'a name' tags:

Bear in mind that if you are authoring in XHTML, the name attribute is deprecated. You should be using the id attribute for fragment identifiers:

<a id="something" ...>

instead of:

<a name="something" ...>

IDs can be placed on pretty much any element, so you don't necessarily need to use an <a> to created a linkable point (applies to HTML4 too).

 

[Bennah]

thats all you hae to do isnt it??? put #what you want after the url??

Yes it was.