5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

How to create buttons in HTML

by chiu563
4 replies
  • WEB DESIGN
    • |
I make buttons (home, about us, academics, affiliation, Campuses, FAQ's,) for my website in Photoshop please anyone tell me how i set up these buttons. when anyone click on home the page goes on home page. and similarly other buttons also work. I am so thanks full for my help.
#buttons #create #html
  • Profile picture of the author Nicole7575
    Please Google / Bing for "HTML image links, w3c tutorial". It'd be desirable to learn HTML & CSS basics ( at least ) because it will give you a solid foundation..

    All the best.
    {{ DiscussionBoard.errors[6747702].message }}
  • Profile picture of the author ronc0011
    This is how you would do it using a image button.

    Code:
    <a href="http://www.mydomain.com/homepage.htm"><img src="./images/homebutton.png"alt="Home Page"/></a>
    {{ DiscussionBoard.errors[7002585].message }}
  • Profile picture of the author TheContentAuthority
    Chiu563,

    The code from ronc001 is how you want to do it. Additionally, I just wanted to add that if you would like for the cursor to change to a hand when users hover over the button you can add this little bit of JavaScript code inside your anchor tag,

    onmouseover="this.style.cursor='pointer'"


    Here is also a list of techniques for styling images using CSS,

    5 Techniques to Style Buttons using Images and CSS | Queness

    Happy developing!

    Shawn
    Signature
    Outsource to the experts...

    We customize your Blog, eBook, Press Release and Sale Copy content with your message.

    {{ DiscussionBoard.errors[7003260].message }}
  • Profile picture of the author TheDudeAbides
    I like to use cssbuttongenerator.com to make simple buttons with CSS.
    {{ DiscussionBoard.errors[7004576].message }}

Trending Topics