Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Feb 2008
    Posts
    127
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How can I add an image to this ?

    How can I add an image to this button?

    Code:
    <form method="get" action="[var.rlink]"><input type="submit" value="[var.rtitle]"><br/></form>

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,032
    Thanks
    15
    Thanked 240 Times in 240 Posts
    Like this.
    Code:
    <form action="parse_file.php">
      <input type="image" src="images/coolbutton.png" alt="myBtn">
    </form>
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.

  • #3
    Regular Coder
    Join Date
    Feb 2008
    Posts
    127
    Thanks
    1
    Thanked 0 Times in 0 Posts

    thanks

    Thanks for that reply, however it didn't wotk. No image. I see only the alt

  • #4
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,032
    Thanks
    15
    Thanked 240 Times in 240 Posts
    Quote Originally Posted by chrisjchrisj View Post
    Thanks for that reply, however it didn't wotk. No image. I see only the alt
    Have you provided an image and given the right path?
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.

  • #5
    New Coder
    Join Date
    Jun 2013
    Posts
    34
    Thanks
    1
    Thanked 2 Times in 2 Posts
    May be like this

    html
    <form action="#" method="post">
    <input type="submit" value="Submit" />
    </form>

    CSS

    input[type=submit] {
    background: url("http://farm1.static.flickr.com/44/166780049_b33ac951cf.jpg") 0 0 no-repeat;
    display: inline-block;
    border-radius: 1em;
    border-color:red;
    text-indent: -9999px;
    width: 80px;
    height:40px;
    background-position:center;
    background-size:80px 40px;
    }

    input[type=submit]:hover {
    border-color: black;
    border:grid;

    }

    input[type=submit]:active {
    border-color: #f00;
    }


  •  

    Posting Permissions

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