bottone invia con immagine

**loop** · 07-07-2009, 14:15

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#sfondo {
	background-color: #0F0;
	border: none;
	width: 120px;
	height: 50px;
}
-->
</style>
</head>

<body>

<input type="submit" id="sfondo" name="b1" value="Vai" />

</body>
</html>

Così funziona con tutti anche con IE

**zoc** · 07-07-2009, 14:45

si ma nel tuo css non cè l'immagine di sfondo che fa da grafica al bottone...
e la scritta Vai nn si deve vedere, perchè cè gia nell'immagine.

**loop** · 07-07-2009, 16:07

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#sfondo {
	background: url(immagine.jpg);
	background-position:top;
	border: none;
	width: 120px;
	height: 50px;
}
-->
</style>
</head>

<body>

<input type="submit" id="sfondo" name="b1" value="&amp;nbsp;" />

</body>
</html>

**zoc** · 07-07-2009, 16:18

mah.... sei sicuro? e indent? e il cursor?
ho provato ma non va!

**Mich_** · 07-07-2009, 16:40

Ma inverce di tentare di formattare il tag <input type=submit" ...> (che e` una cosa non supportata da tutti i browser), non sarebbe piu` semplice usare il tag
<input type="image" ...>
che e` supportato da sempre in tutti i browser e non presenta problemi?

**zoc** · 07-07-2009, 18:25

sostituendo a submit > image non mi si vede lo stesso e in piu' mi viene intorno un bordo nonostante sia messo a none... prova a passarci il codice che ti funziona per intero.
ma a voi il codice che ho messo io (vedi sopra) funziona?
grazie mille!

**zoc** · 08-07-2009, 14:09

ho trovato la compatibilità massima con

Codice PHP:


<input name="cerca" type="image" src="images/lente.gif" alt="cerca" title="cerca" width="13" height="14">

grazie a tutti!

Discussione: bottone invia con immagine

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio