asked on

Question regarding HTML and CSS

hello,

I would like your help on how to make a button like on this website:

https://plasso.co/

"Sign Up" button please.

The first one to answer will get the points :)

Tom Beck

Like this:

http://jsfiddle.net/m0wskz4c/

ASKER CERTIFIED SOLUTION

zc2

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

adra750

ASKER

thank you very much

how to remove the underline on the Sign Up text, check it.

How did you steal the CSS other than inspecting

adra750

ASKER

Ok I fixed the under line with

style="text-decoration:none;"

How to put the button to center?

zc2

To remove the underline, add "text-decoration: none;" to the main CSS section ( .button { ... } )

Yes, I did use the inspector in Chrome browser. Copied all the styles from the "Computed" tab and them removed all the defaults in a text editor (It turned out I have removed too many).

adra750

ASKER

so you mean something is missing?

what about to center the button?

zc2

To put the button in the center horizontally
add the "text-align: center;" style to its parent node:

<nav style="text-align: center;">
    <a href="#" class="button">Sign Up</a>
</nav>

Open in new window

zc2

Yes, that "text-decoration: none;" was missed.

adra750

ASKER

excellent

adra750

ASKER

sorry to ask alot,

the "Payments Made Simple" on website what font is that?

zc2

According to the site's CSS the font is called "AzoSans"

The following CSS tells the browser where to download the font:

@font-face {
    font-family: 'AzoSans';
    src: url(azo-sans-thin.eot);
    src: url(azo-sans-thin.eot?#iefix) format("embedded-opentype"),url(azo-sans-thin.woff) format("woff");
    font-weight: 100;
    font-style: normal
}

Open in new window