bottone invia con immagine

[zoc]

ciao a tutti...
non ho bene capito come si fa per sostituire il bottone "invia" di un classico form con un'immagine. Si può?
grazie mille!

[emnlmn]

Certo che si può, in linea di massima utilizzando la proprietà background-image in CSS.
Dai un occhiata a questo link:
http://www.456bereastreet.com/lab/st...submit-button/

[loop]

Originariamente inviato da zoc
ciao a tutti...
non ho bene capito come si fa per sostituire il bottone "invia" di un classico form con un'immagine. Si può?
grazie mille!

http://xhtml.html.it/guide/lezione/1...-button-image/
http://css.html.it/articoli/leggi/23...t-a-tre-stati/
http://xhtml.html.it/articoli/leggi/...i-il-button/1/

[zoc]

grazie! seguendo quello che cè scritto ho fatto cosi:

nel foglio di stile:
.invia {background:url("images/cerca.gif") no-repeat 100% 100%} /* Background image */

nel html
<div><input type="submit" class="invia"></div>

però mi compare lo stesso la scritta submit!

[kontrasto]

Aggiungi la proprietà text-indent:-9999px nel CSS

[zoc]

wow!!! ora il testo non ce piu'....
poi ho messo border: 0px e ci siamo!!!

solo che ora la manina quando vado sul bt non compare!

grazie!

[kontrasto]

Per la manina risolvi aggiungendo sempre nei CSS cursor: pointer

[emnlmn]

cursor:pointer;

Nel css .

[zoc]

ragazzi!!! favoloso... ora è perfetto!

background-image: url(images/cerca.gif);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    text-indent:-9999px;
    width:35px;
    height:14px;
    border:0px;
    cursor:pointer; 

un bisciù!

[zoc]

problema!!
va ovunque tranne che su explorer!!!
grazias!