Results 1 to 5 of 5

Thread: images in buttons

  1. #1
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default images in buttons

    Hello, I was wondering how you make image buttons like on this website?
    Where it says "Signup" or "Login" "Search"





    Please and thank you!
    Last edited by afe; 12-22-2007 at 07:36 PM.

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    All you do is make an image. Then link it to an action or an URL.

    Please note that these types of questions are NOT php based, and need to be posted in the Graphics thread of the forum, to help continuity and ease of use of the forum for future visitors.
    Last edited by thetestingsite; 12-22-2007 at 07:51 PM. Reason: moved to Graphics forum per request.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Nov 2007
    Posts
    346
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks!

  4. #4
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Actually, this is a CSS question.

    It is in fact an html button, and it is using an image with CSS:
    background-image:url(image.gif);

    Note that you can also just use an image element in a form:
    <input type="image" src="...">

    That will automatically act like a submit button.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  5. #5
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    Welcome.

    The most common is to load the image and link it to an url, which looks like:

    Code:
    <a href="http://yoursite.com/page.html><img src = "/path/to/image.jpg" alt=""></a>
    There are many other things you can do inside the image tag, but that is basic, and fits most needs.

    Edit:
    Sorry Daniel, didn't see your post. I don't think the OP was asking how to make it submit, just how to make an image clickable.
    I could be wrong though.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

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
  •