SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: How to add a new button to an existing webpage

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    52
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question How to add a new button to an existing webpage

    Hello everyone,

    I'm just wondering if someone can help me out a little bit. I'm a complete novice to web design, but I'm currently spending many hours learning HTML & CSS pretty much everyday (solely for personal interest). I have some basic understanding of HTML and have a question I'm hoping someone can shed some light on.

    At my work place, we have an internal site which was created by an ex-employee. I have recently made some contact forms (with help from members on Sitepoint) and I would like to add a new link to the site in the form of a button (Just a nice CSS/HTML one would do nicely!).

    Just in case this matters, this is purely from the HTML/CSS point of view as the 'website' isn't actually live, but just contained in a folder on a shared drive and everyone has a short cut on their desktop.

    Anyhelp would be much appreciated!

    Cheers

  2. #2
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,482
    Mentioned
    40 Post(s)
    Tagged
    3 Thread(s)
    Hi there,

    Quote Originally Posted by JohnoLFC View Post
    I would like to add a new link to the site in the form of a button (Just a nice CSS/HTML one would do nicely!).
    Not quite sure what you mean here.
    You can add a button to a web page using the <button> tag.
    You can style it by applying a class to it and defining a couple of CSS rules.
    E.g.

    HTML Code:
    <button type="button" class="blue">Click Me!</button>
    Code CSS:
    .blue{color: blue;}

    If this isn't what you mean, just let me know.
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    52
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the answer Pullo,

    I didn't really make myself too clear, if its OK, I'll re-post again tomorrow at work and include the code with some sceenshots to support.

    I think mainly its about positioning the button and getting it to be the same as the ones already on the webpage,

    Cheers matey

  4. #4
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,482
    Mentioned
    40 Post(s)
    Tagged
    3 Thread(s)
    Hi there Johno,

    Quote Originally Posted by JohnoLFC View Post
    If its OK, I'll re-post again tomorrow at work and include the code with some sceenshots to support.
    Yup, no problem.
    Some code and/or a screen shot would really help.
    I'm sure it won't be too hard to sort out

    Also, if you post back in this thread, I'm subscribed to it, so I'll be able to hop straight back in.
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

  5. #5
    SitePoint Member
    Join Date
    Jun 2007
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Using button is one solution. but you can insert the button as image or make it the image like background, use spirit background can help you.

  6. #6
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    52
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello everyone, just reporting back to say I've found the solution to my problem! I just placed a HTML button and styled/positioned it using CSS with a hover attribute,

    Thanks to everyone who tried to help!

    Great site as always.

  7. #7
    Grüße aus'm Pott
    SitePoint Award Recipient Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    2,482
    Mentioned
    40 Post(s)
    Tagged
    3 Thread(s)
    Glad you got it sorted.
    Thanks for taking the time to follow up
    How well do you know your JavaScript from your jQuery?
    Check out SitePoint's latest JavaScript challenge


    My blog

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •