PDA

Visualizza la versione completa : sostituire input type="submit" con un immagine


 
citrus
29-11-2007, 13:00
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, 13:10
che codice css hai usato per ora?

inizia con
display: block;
width: ...
height: ...
border : 0;
padding: 0;
background:

citrus
29-11-2007, 14:45
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...

Mich_
29-11-2007, 15:00
<input type="image" src="..." ... />

La risposta e` nella codifica HTML. In questo caso il CSS non serve.

citrus
29-11-2007, 15:06
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?

Mich_
29-11-2007, 15:16
Opps. non avevo letto tutto. Scusa.

Credo che per IE6- l'unica possibilta` sia usare JS.

citrus
29-11-2007, 15:30
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, 15:49
#search input[type="submit"]

non viene interpretato su IE6.

Assegna un id al submit e riscrivi la regola per quell'id

citrus
29-11-2007, 16:26
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, 17:14
Se hai la possibilitÓ di aggiungere codice javascript il problema si pu˛ superare.

Loading