How to make the anchor?


Author Message
Mikkis

Posted: 12/16/2013
Quote message 

HI!

I need to make a link wich goes in the middle of the page, not on the top, so I assume I need to make an anchor. I haven't found any ways to make that easily in Artisteer, so I presume I need to make it in html-editor.

Somehow my trials with the editor have not been succesful. I haven't find any clear examples from the forum either. I think making anchors and linking to anchors should be very simple basic task in Artisteer - how you make it?
 
Abland

Posted: 12/16/2013
Quote message 

Hi, Mikkis,

Make an anchor:
<a name="my-anchor"></a>

link to the anchor:
<a href="#my-anchor">Link to My Anchor</a>

The anchor uses "name" and link uses "href". The hashtag-name goes at the end of the link url.
 
Mikkis

Posted: 12/16/2013
Quote message 

Thanks Abland!

My original link to the page with anchor looks like that:

<a href="/projects">Winter tyres</a>


The link is actually to the page "projects.html" but I dont't know why the html- editor doesn't show the ".html". Anyway I have tried both:

<a href="/projects#my-anchor">Winter tyres</a>


AND

<a href="/projects.html#my-anchor">Winter tyres</a>


but didn't work....

 
Abland

Posted: 12/16/2013
Quote message 

Hi, Mikkis,

What is the name of your anchor? Is it "my-anchor"?
 
Mikkis

Posted: 12/16/2013
Quote message 

Hi Abland,

In my example above the name of my anchor is "my-anchor", as in your example. But actually I used just "anchor" in my tests.

Mikko
 
gcm

Posted: 12/16/2013
Quote message 

try <a href="projects.html#my-anchor">Winter tyres</a> without the front slash
 
Abland

Posted: 12/17/2013
Quote message 

Hi, Trevor,
Quote Trevor:
Be aware that the "name" attribute isn't supported in HTML5 and you should is "id" instead, or use both

Thanks for the heads up.
 
Mikkis

Posted: 12/17/2013
Quote message 

SUCCEEDED !!!
Thank for you all, but gcm's tip to delete the front slash (/) was the solution for me. The question between using "name" or "id" wasn't the problem, because when I wrote

<a name="anchor"></a>


close the html-editor and open the editor again, artisteer has automatically changed the expression to

<a name="anchor" id="anchor"></a>


THANK YOU ALL!!!!!
 
moon

Posted: 12/17/2013
Quote message 

Hi,

Artisteer support replied
" You can do anchor manually after the template is exported to using
Edit->HTML Editor "

Is it possible to make anchor in Artisteer? How?

Thank you.
 
Mike

Posted: 2/19/2015
Quote message 

I've tried all this. It's killing me. I have an anchor on a keynote speaker page..
<a name="keynote" id="keynote"></a>
On the main page i have the link..
<a href="keynote-speakers#keynote">keynote</a>

I've also tried...
<a href="/keynote-speakers#keynote">keynote</a>
<a href="keynote-speakers#keynote">keynote</a>
<a href="/keynote-speakers.html#keynote">keynote</a>
<a href="keynote-speakers.html#keynote">keynote</a>
<a href="/keynote-speakers/#keynote">keynote</a>
<a href="keynote-speakers/#keynote">keynote</a>

No go - it doesn't even take me to the keynote-speakers page. I'm stumped... any ideas?
 
gcm

Posted: 2/19/2015
Quote message 

Is the keynote-speakers.html in the same directory/subdirectory as the page being linked from?

You do need to put in the .html if the anchor is on a different page.
 
gcm

Posted: 2/19/2015
Quote message 

do you have a link to the page in question?
 
Mike

Posted: 2/19/2015
Quote message 

Quote gcm:

Is the keynote-speakers.html in the same directory/subdirectory as the page being linked from?

You do need to put in the .html if the anchor is on a different page.

Yes, it is in the same directory...
 
mike

Posted: 2/19/2015
Quote message 

Quote gcm:

do you have a link to the page in question?


I don't, i mean i have the theme uploaded... it's brpentertainmenttemp.com..
but the theme was uploaded before i realized i wanted to use anchors. basically, i want the keynote speaker picture link to open the keynote speaker page at the top of <h1> instead of the top of the page. And then i'll do that same for the other 5 main categories.
So i'm making these anchor edits in artisteer and testing it through cntr clicks

 
gcm

Posted: 2/19/2015
Quote message 

Try testing it using preview in browser instead of cntrl click
 
Mike

Posted: 2/21/2015
Quote message 

OK tried...
Anchor:<a name="keynote" id="keynote"></a>
Link: <a href="keynote-speakers.html#keynote">keynote</a>

Preview in browser is a no go. It doesn't even take you to the page let alone the anchor...

 
Mary S.

Posted: 8/21/2015
Quote message 

Mike, it looks like it's been a while, and I didn't know if you solved your problem, but I wanted to post this in case it was of use to you or anyone else. I have links that go from a main page to various areas of a subpage...FINALLY got it to work (as wonderful as Artisteer is, it's still helpful to have a working knowledge of code).

Anchor: <h4 id="hole1tour">Hole #1 - Par 4</h4>
Link: <a href="course-info/virtual-tour.html#hole1tour"

I had to drop the first "/" and add ".html" after the subpage title. It finally did the trick.