Visualizza la versione completa : sostituire input type="submit" con un immagine
salve a tutti,
ho bisogno di formattare tramite i css dei bottoni di un form.
I bottoni sono scritti nella forma <input type="submit" ...>
ma io vorrei sosituirli con un immagine e non ho accesso alla procedura che genera il markup quindi devo arrangiarmi in qualche modo con i css.
Ho provato ad infilarci sotto un immagine di sfondo ma senza grandi risultati, sopratutto su explorer...
voi conoscete un modo per risolvere questa cosa?
grazie mille
citrus
fcaldera
29-11-2007, 14:10
che codice css hai usato per ora?
inizia con
display: block;
width: ...
height: ...
border : 0;
padding: 0;
background:
hai ragione che imbecille non ho postato il codice :P
here it is:
#search input[type="submit"] {
width: 35px;
height: 22px;
display: block;
background-image: url(../images/search_button.jpg);
background-repeat: no-repeat;
border: none;
}
con firefox funziona bene...
con IE ovviamente no...
<input type="image" src="..." ... />
La risposta e` nella codifica HTML. In questo caso il CSS non serve.
Originariamente inviato da Mich_
<input type="image" src="..." ... />
La risposta e` nella codifica HTML. In questo caso il CSS non serve.
ho scritto appunto che non ho la possibilità di modificare il markup per questo che sto cercando una soluzione usando i css...
il markup lo genera joomla in automatico senza darmi la possibilità di modificarlo.
cmq come dicevo firefox reagisce bene al css che ho scritto.. qualcuno
sa darmi una dritta per farlo funzionare anche su IE?
Opps. non avevo letto tutto. Scusa.
Credo che per IE6- l'unica possibilta` sia usare JS.
Originariamente inviato da Mich_
Opps. non avevo letto tutto. Scusa.
Credo che per IE6- l'unica possibilta` sia usare JS.
lo temevo anche io :(
fcaldera
29-11-2007, 16:49
#search input[type="submit"]
non viene interpretato su IE6.
Assegna un id al submit e riscrivi la regola per quell'id
come ho gia detto non ho accesso al markup quindi non posso nemmeno assegnare un id al bottone...
cmq ho scoperto che se si assegna un colore di sfondo oltre all'immagine in IE7 viene visualizzata l'immagine...
quindi anche IE7 ora funge..
l'unico a dare ancora problemi è IE6 in cui il bottone viene visualizzato secondo gli standard dei form... quindi in fondo nulla di grave...
grazie a tutti x l'aiuto :)
citrus
H5N1_Aviaria
29-11-2007, 18:14
Se hai la possibilità di aggiungere codice javascript il problema si può superare.
