How to make it act as a Submit button ?

Discussion in 'HTML & Website Design' started by kolucoms6, Jan 18, 2010.

0
  1. #1
    I am using above code to display button made out of free-web-buttons software,.

    But how to make it work as a submit button ?
     
    kolucoms6, Jan 18, 2010 IP
  2. duben

    duben Active Member

    Messages:
    50
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    61
    #2
    It must be in form tag, <input type="image"> etc ... as HREF tag it will not work as submit button
     
    duben, Jan 18, 2010 IP
  3. kolucoms6

    kolucoms6 Active Member

    Messages:
    1,198
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #3
    What is the solutions ?
     
    kolucoms6, Jan 18, 2010 IP
  4. duben

    duben Active Member

    Messages:
    50
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    61
    #4
    Too lazy for use Google or read HTML standards? http://www.w3schools.com/TAGS/tag_form.asp
    
<form action="url_you_want.php" method="get>
 <input type="image" src="images/submit.png" value="Click here" style="width:118px;height:34px;display:block;" />
</form>
    Code (markup):
     
    duben, Jan 18, 2010 IP
  5. kolucoms6

    kolucoms6 Active Member

    Messages:
    1,198
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #5
    I tried it and it displays me the image as below :

    [​IMG]

    and Original Image is like :

    [​IMG]

    Now, when i move my mouse on the button, it shows me the button with red font.

    Code suggested by Free-web-butotns :

    But thats for normal image. How to make it work as submit button ?
     
    kolucoms6, Jan 18, 2010 IP
  6. hartwm

    hartwm Member

    Messages:
    141
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #6
    use css and background positioning for a sprite rollover image
     
    hartwm, Jan 18, 2010 IP
  7. kolucoms6

    kolucoms6 Active Member

    Messages:
    1,198
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #7
    <style>#web-buttons-idff7h6 a{display:block;color:transparent;} #web-buttons-idff7h6 a:hover{background-position:left

    bottom;}a#web-buttons-idff7h6a {display:none}</style>


    Above CSS is being used.
     
    kolucoms6, Jan 18, 2010 IP
  8. digitol

    digitol Peon

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    First try in dreamweaver..
    1. New html page
    2. save your work
    3. click insert>media>flash>flash button
    4. insert flash button <body>...</body>
    5. save your work again
    6. Open your work with browser
    7. see what happens, if successful it can apply to resolve your problem.

    Sorry if i was wrong about this...
     
    digitol, Jan 18, 2010 IP
  9. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #9
    You can use the css code hover, active and others�
     
    johagulo, Jan 19, 2010 IP
  10. kolucoms6

    kolucoms6 Active Member

    Messages:
    1,198
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #10
    Cn u help me with "css code hover, active and others" code ??
     
    kolucoms6, Jan 19, 2010 IP