Question

---

Ok the topic I asked here is about “anchor” is that correct?

---

Ok this actually works now

<a href="http://www.mysite.com/index.php?id=363#tips1">**Development**</a> this is on the First Site

And then where the Development is: (2nd site)

<a name="#tips1">**Developer**</a>

Did I miss something here?

---

Ok this is this first site:
http://i197.photobucket.com/albums/aa253/tintingerri/Test/test-4.png

Now if you can see, if you click on the “Development” it will go to the 2nd site. And in this 2nd site, this is where I listed the “Development” and “Consulting” in one page.

Now I would like that if the user click on “Consulting” it would go directly to the “Consulting” text and not to “Development” text first because they are written in one page.

So is this anchor?

Answer 1

I’m not sure I understand what you mean.

<ul>
    <li><a href="#apple">Apple</a></li>
    <li><a href="#banana">Banana</a></li>
    <li><a href="#grapes">Grapes</a></li>
</ul>
<hr />
<p id="apple">This is the Apple section.</p>
<hr />
<p id="banana">This is the Banana section.</p>
<hr />
<p id="grapes">This is the Grapes section.</p>

When you click on a link, it will take you to the section it’s linked with via element IDs. The sections can be behind the <hr />.

Linking to another page is similar:

<ul>
    <li><a href="/fruit.html#apple">Apple</a></li>
    <li><a href="/fruit.html#banana">Banana</a></li>
    <li><a href="/fruit.html#grapes">Grapes</a></li>
</ul>

Is this what you meant?

[EDIT]

After clearing the issue in the comments, the solution indeed turns out to be anchors. Page one, say, index.html, will have this code:

<ul>
    <li><a href="/fruit.html#apple">Apple</a></li>
    <li><a href="/fruit.html#banana">Banana</a></li>
    <li><a href="/fruit.html#grapes">Grapes</a></li>
</ul>

While page two, say, fruit.html, will have this code:

<p id="apple">This is the Apple section.</p>
<hr />
<p id="banana">This is the Banana section.</p>
<hr />
<p id="grapes">This is the Grapes section.</p>

You don’t have to use <p> tags, of course. You’ll probably want to use <div> containers instead:

<div id="apple">
    <p>My apple stuff</p>
</div>
<hr />

etc.