SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    54
    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
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,312
    Mentioned
    178 Post(s)
    Tagged
    8 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.

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2012
    Posts
    54
    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
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,312
    Mentioned
    178 Post(s)
    Tagged
    8 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.

  5. #5
    Non-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
    54
    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
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,312
    Mentioned
    178 Post(s)
    Tagged
    8 Thread(s)
    Glad you got it sorted.
    Thanks for taking the time to follow up


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
  •