Form submit, billede

Tags:    html css

Hej..
Kan man godt få et et billede istedet for en submitknap i en form, hvis ja, hvordan så?

Søren Gregersen -
http://tlk.frac.dk



8 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Hej..
Kan man godt få et et billede istedet for en submitknap i en form, hvis ja, hvordan så?

Søren Gregersen -
http://tlk.frac.dk


<style type="text/css">
input{
background-img: URL;
border: 0px;
}
</style>




<input type="submit" class="submit">


.submit {
background-image: url(stars.gif);
background-color: #000000
}



Du kan også gøre sådan hvis du også vil have tekst:
<button onclick="this.form.submit();"><img src="BILLEDE" /></button>
Med tekst:
<button onclick="this.form.submit();"><img src="BILLEDE" /></button>
(ikke testet)

Hilsen Mathias



Jeg kan stadig ikke få det til at virke.. :(

Nogen der har en anden metode til det?
Søren Gregersen -
http://tlk.frac.dk

Prøv det her:
Fold kodeboks ind/udKode 

"Problemet" med denne er at den giver kordinaterne hvor musen har klikket på billedet...

Hilsen
Jan S.




<style type="text/css">
input{
background-img: URL;
border: 0px;
}
</style>


Tak for det hurtige svar, men jeg kan altså ikke få det til at virke.. Den viser bare en normal submitknap uden kanten( border: 0px;)..

Hvordan gør jeg så?
Søren Gregersen -
http://tlk.frac.dk



<input type="submit" class="submit">


.submit {
background-image: url(stars.gif);
background-color: #000000
}


Når ja, det var background-image: url(stars.gif);
- Jeg bruger det ikke så tit :P




Jeg kan stadig ikke få det til at virke.. :(

Nogen der har en anden metode til det?
Søren Gregersen -
http://tlk.frac.dk



Jeg kan stadig ikke få det til at virke.. :(

Nogen der har en anden metode til det?
Søren Gregersen -
http://tlk.frac.dk

Prøv det her:
Fold kodeboks ind/udKode 

"Problemet" med denne er at den giver kordinaterne hvor musen har klikket på billedet...

Hilsen
Jan S.


Mange tak.. :) Først kunne jeg ikke få det til at virke, fordi det var et png billede, så rettede jeg det til jpg, så virker det..
Mange tak allesammen, i får hver nogen UP for jeres hjælp..

Søren Gregersen -
http://tlk.frac.dk

[Redigeret d. 27/12-05 14:41:47 af Søren Gregersen]



t