Links on the same page

HTML & CSS
1

How can I set up the links on the same page?

I got this webpage:

http://www.polarpos.com/features/

And I want those three links at the top to go back to the various places on the website. How can I do that?

Also can anyone tell me how come the general button is separate from the other two buttons?

This is my HTML code:

<h2>What kind of business do you have?</h2>&nbsp;
[one_third][button type="button_call_to_action marker" url="#top" target="" ]General[/button][/one_third][one_third][button type="button_call_to_action marker" url="#top" target="" ]Hospitality[/button][/one_third][one_third last=last][button type="button_call_to_action marker" url="#top" target="" ]Retail[/button][/one_third]
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h1>POS Features for All</h1>
&nbsp;
2

It’s easy to set up those on-page links. It’s the same method you used to link to the #top element. You place an id on the element you want to jump to, and an href on the link to it with the id in it. E.g.

<a [COLOR="#FF0000"]href="#hospitality"[/COLOR] class="th_button button_call_to_action marker"><span>Hospitality</span></a>

<h1 [COLOR="#FF0000"]id="hospitality"[/COLOR]>Hospitality POS Features</h1>

You can’t have two ids on an element, though, so you’ll need to move the “top” link to some other element. I would normally put it at the end of an entry (e.g. at the end of the Hospitality section). You don’t normally want to jump back to the top at the start of a section, but at the end.

So at the end of the Hospitality section, have something like:

<p href="#top">Return to top</p>

In terms of the unevenly spaced buttons, it’s this line that’s causing it:

.grid_8 .one_third {
  [COLOR="#FF0000"]width: 190px;[/COLOR]
}

Just remove that line.

NOTE: regarding the first issue, you don’t have a logical heading structure. Headings like Hospitality should not be <h1>s. In HTML5, yes, you are allowed to have more than one, but even then, there is a logic to it which you aren’t following here. Really, you should have one H1 on the page, and everything below that be a logical subdivision of that. E.g.

<h1>What kind of business do you have?</h1>

<h2>POS Features for All</h2>

3

awesome thanks. what you think I should set the width to?

4

I’m not sure you need to set a width.

5

thanks, i appreciate the help.