Web Analytics Made Easy -
StatCounter is there any trick to insert picture to button - CodingForum

Announcement

Collapse
No announcement yet.

is there any trick to insert picture to button

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • is there any trick to insert picture to button

    Hi,

    If I'm having a input button and I want to change the button to have some image.How can I do that?

  • #2
    hi,

    <a href="yoururl" target="_blank">
    <img src="yourimage.jpg" >
    </a>

    use photo editor of your choice to put image on button.

    Comment


    • #3
      Re: Put image on input button

      Originally posted by therry
      Hi,

      If I'm having a input button and I want to change the button to have some image.How can I do that?
      Here;s another option you might want to have a look at. It's a tutorial we have on JavaScript Kit regarding the <button> tag...might be worth a [email protected]@K .

      Learn how to create colorful form buttons ultilizing the lastest in HTML 4.0.
      boxer_1
      CodingForum Moderator
      "How did a fool and his money get together in the first place?"

      Comment


      • #4
        if you are talking about submit button, you can use input type=image. This functions the same as the normal submit button but with minor (or major) differences:

        1. it does not fire form onsubmit event.
        2. its name/value pair is not submitted to the server,
        therefore, you will not detect if it's clicked or not
        unless you put a hidden field containing which button is clicked.
        Glenn
        vBulletin Mods That Rock!

        Comment


        • #5
          As Gelenn said you can use <input type="image" src="..."> or use this:

          <button style="border:0px; background:#FFFFFF"><img src="yourImage.gif"></button>

          This should work......set the bg color of the button to whatever you want.
          Scripting | JavaScripts | PerlScripts | Python Scripts | Articles | My Journal

          Comment


          • #6
            does it work with Netscape?

            Originally posted by premshree
            As Gelenn said you can use <input type="image" src="..."> or use this:

            <button style="border:0px; background:#FFFFFF"><img src="yourImage.gif"></button>

            This should work......set the bg color of the button to whatever you want.
            Glenn
            vBulletin Mods That Rock!

            Comment


            • #7
              Should work with NS6, not sure about NS4......
              Scripting | JavaScripts | PerlScripts | Python Scripts | Articles | My Journal

              Comment


              • #8
                is there any trick to insert picture to button

                Hello is there any way in this world to insert picture
                to abutton ?
                css2 ,filters , Behaviors ...any thing go's.....
                tnx

                Comment


                • #9
                  i dont know if this is what u mean but there is a way they this

                  <a href="http://www.yourlink.com"><img src="/Image.gif" width="100" height="20" border="0"></a>

                  that will make the image a link

                  sorry if this is not what u where looking for

                  Comment


                  • #10
                    Hello tnx for the fast reply
                    well no .. this is not what i meant
                    i meat say i have : <input type="button">
                    is there way to insert in side it as background maybe a-picture
                    (jog or gif ..)
                    tnx

                    Comment


                    • #11
                      i found a way...

                      background-image style

                      Comment


                      • #12
                        This thread was about 10 topics below yours

                        Merged
                        Zvona
                        First Aid for
                        Web Design

                        Comment

                        Working...
                        X