Hi I am using VDS 5.9.4
I have worked out how to turn buttons and pics and individual words into links - in order to link to my other website pages etc etc
but how do i go about linking to a point on the same page?
the page in question has lots information for professional and amateur photographers who may wish to work with me - i want to put an option at the top of the page to allow visitors to click on either 'amateurs' or 'professionals' and be taken to the right point of the page for them without having to scroll through loads of info irrelevant to them
does this make sense to anyone?
please help (or i will cry!) xxxxxxxxxxxxxx
roguerose
Registered User
28 posts
sstovert@satx.rr.com
Guest
5,410 posts
http://www.w3schools.com/HTML/html_links.asp
The Anchor Tag and the Name Attribute
The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for.
Below is the syntax of a named anchor:
<a name="label">Text to be displayed</a>
The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.
The line below defines a named anchor:
<a name="tips">Useful Tips Section</a>
You should notice that a named anchor is not displayed in a special way.
To link directly to the "tips" section, add a # sign and the name of the anchor to the end of a URL, like this:
<a href="http://www.w3schools.com/html_links.asp#tips">
Jump to the Useful Tips Section</a>
A hyperlink to the Useful Tips Section from WITHIN the file "html_links.asp" will look like this:
<a href="#tips">Jump to the Useful Tips Section</a>
The Anchor Tag and the Name Attribute
The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for.
Below is the syntax of a named anchor:
<a name="label">Text to be displayed</a>
The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.
The line below defines a named anchor:
<a name="tips">Useful Tips Section</a>
You should notice that a named anchor is not displayed in a special way.
To link directly to the "tips" section, add a # sign and the name of the anchor to the end of a URL, like this:
<a href="http://www.w3schools.com/html_links.asp#tips">
Jump to the Useful Tips Section</a>
A hyperlink to the Useful Tips Section from WITHIN the file "html_links.asp" will look like this:
<a href="#tips">Jump to the Useful Tips Section</a>
CoffeeCup... Yeah, they are the best!
roguerose
Registered User
28 posts
ahhaaa
thank you
ok i have read the bit on naming and anchors and i have followed the link and played with the code to get this
<html>
<body>
<p>
<a href="#Amateurs">Amateur Photographers please click here</a>
</p>
I PRESUME I JUST LAY MY PAGE OUT AS NORMAL INBETWEEN HERE USING VSD THEN WHEN I GET TO THE BIT I WANT TO LINK TO I PUT THIS BIT.........
<h2><a name="Amateurs">Amateur Bookings</a></h2>
</body>
</html>
but how / where do i put the code in? do i need to use the html editor or can i add the code straight into VSD ( I am using version 5.9.4) using the html tool?
i have tried clicking on the html tool and presume i paste the code i want into the 'body html' section?
but what do i put in the 'html object', 'html header' and 'onload' bits?
PLEASE can you explain as 'blonde' friendly as poss - im a wannabe geek with lots to learn xxxxxxxxxx
thank you
ok i have read the bit on naming and anchors and i have followed the link and played with the code to get this
<html>
<body>
<p>
<a href="#Amateurs">Amateur Photographers please click here</a>
</p>
I PRESUME I JUST LAY MY PAGE OUT AS NORMAL INBETWEEN HERE USING VSD THEN WHEN I GET TO THE BIT I WANT TO LINK TO I PUT THIS BIT.........
<h2><a name="Amateurs">Amateur Bookings</a></h2>
</body>
</html>
but how / where do i put the code in? do i need to use the html editor or can i add the code straight into VSD ( I am using version 5.9.4) using the html tool?
i have tried clicking on the html tool and presume i paste the code i want into the 'body html' section?
but what do i put in the 'html object', 'html header' and 'onload' bits?
PLEASE can you explain as 'blonde' friendly as poss - im a wannabe geek with lots to learn xxxxxxxxxx
Bruzer
Registered User
3,940 posts
Hello,
I'll try to explain what I think I know lol.
your link at the top of page or wherever is <p>
<a href="#Amateurs">Amateur Photographers please click here</a>
</p>
My example:http://kellyinfo.com/web/links.png
now at the begining of your paragragh or sentence you would use the html tool in VSD to add your <h2><a name="Amateurs">Amateur Bookings</a></h2>proceed with text here. now you may need to tweak it alittle meaning adjust the location to center it because you won't see your text unless in preview mode in VSD. I uploaded a sample page for you to look at just right click to read source code and see what I mean.
http://kellyinfo.com/web/PiceList.html
I'll try to explain what I think I know lol.
your link at the top of page or wherever is <p>
<a href="#Amateurs">Amateur Photographers please click here</a>
</p>
My example:http://kellyinfo.com/web/links.png
now at the begining of your paragragh or sentence you would use the html tool in VSD to add your <h2><a name="Amateurs">Amateur Bookings</a></h2>proceed with text here. now you may need to tweak it alittle meaning adjust the location to center it because you won't see your text unless in preview mode in VSD. I uploaded a sample page for you to look at just right click to read source code and see what I mean.
http://kellyinfo.com/web/PiceList.html
roguerose
Registered User
28 posts
hiya
thanks
but what i dont get is how to use the html tool?
do i have to type something in ALL the boxes? ('html object', 'body htm', 'header html' and 'onload')
i understand the code but I dont understand how to use the html tool to add the code
xxxxxxxxxx
thanks
but what i dont get is how to use the html tool?
do i have to type something in ALL the boxes? ('html object', 'body htm', 'header html' and 'onload')
i understand the code but I dont understand how to use the html tool to add the code
xxxxxxxxxx
Bruzer
Registered User
3,940 posts
I'm sorry I didn't answer that part, You would just inset the code in the body part/tab of the html tool. 2 ways to do tha would be just adding the code for the name or the code for name and all the text and place in htnml tool box(body)
roguerose
Registered User
28 posts
ohhhh i am being so blonde and thick and you are beng so helpful - i am going to have one last go at understanding and then give up and go and smash something up and cry!!!!!
ok, (please remember i am computer idiot - or at least vsd and html idiot!)
so i have created a page in vsd
i have created a 'button' using the shapes tool at the top of the page with the button text 'kissograms'
I want visitors to be able to click this and be taken to anchor point further down the page where I have written the word 'kissograms' inside a text box
but i cant work out EXACTLY what code I need to put in and where?
when i click the html tool i create a box in which to put the code - do i just put this box over the button i have already created?
at the moment I have tried entering
<a href="#kissograms">kissograms</a>
and then further down - again pasting the html box OVER the text box where i have already written 'kissograms' i have added
<h2><a name="kissograms">Kissogram Options</a></h2>
but in each case all i get is a white box with html in red written in it
so i guess that means i am doing something wrong
but what?????
please please explain xxxxxxxxxxxxxxxxxxxxxxxxxx
ok, (please remember i am computer idiot - or at least vsd and html idiot!)
so i have created a page in vsd
i have created a 'button' using the shapes tool at the top of the page with the button text 'kissograms'
I want visitors to be able to click this and be taken to anchor point further down the page where I have written the word 'kissograms' inside a text box
but i cant work out EXACTLY what code I need to put in and where?
when i click the html tool i create a box in which to put the code - do i just put this box over the button i have already created?
at the moment I have tried entering
<a href="#kissograms">kissograms</a>
and then further down - again pasting the html box OVER the text box where i have already written 'kissograms' i have added
<h2><a name="kissograms">Kissogram Options</a></h2>
but in each case all i get is a white box with html in red written in it
so i guess that means i am doing something wrong
but what?????
please please explain xxxxxxxxxxxxxxxxxxxxxxxxxx
roguerose
Registered User
28 posts
????????????????????
i have done it!!!!!!!!!!!!!!
i am a geek!!!!!!!!!!!!
hooray!!!!!!!!!!!
sorry for wasting your time and thanks for help I love coffee cup xxxxxxxxxxx
i have done it!!!!!!!!!!!!!!
i am a geek!!!!!!!!!!!!
hooray!!!!!!!!!!!
sorry for wasting your time and thanks for help I love coffee cup xxxxxxxxxxx
roguerose
Registered User
28 posts
ok going to get clever now!!?????????
at present the 'link' at top of page is boring and white arial font
how do i change the colour/size/style of font?
xxxxxxxxxxxxxxxx
at present the 'link' at top of page is boring and white arial font
how do i change the colour/size/style of font?
xxxxxxxxxxxxxxxx
Bruzer
Registered User
3,940 posts
In my example I have have this <center><font size="1" color="#oooooo" face="">text here</font>
font size is obvious, face is the name of the font you wish to use. keeping in mind that if you use a special font, then the other computers viewing must have the same font installed on their computers to see it. so it's best to keep the font as normal as possible, such as Arial, whatever.
If you need a visual on any of this please let me know and give me time to make one.
font size is obvious, face is the name of the font you wish to use. keeping in mind that if you use a special font, then the other computers viewing must have the same font installed on their computers to see it. so it's best to keep the font as normal as possible, such as Arial, whatever.
If you need a visual on any of this please let me know and give me time to make one.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
