Una immagine per bottone

**Eskevar** · 04-09-2006, 23:45

Salve a tutti.
Questo e' il primo quesito che posto e potrei essere impreciso visto che programmo da molto poco.

Vi faccio un esempio per chiarirvi il mio problema.
Ho una tabella 400x400 di 4x4 celle: ogni cella e' 100x100 (roba semplice).

Creo un form dentro ad una cella e per type metto una immagine 100x100.
Metto un name e un value all'immagine e una azione al form (che e' un POST) in modo che se clicco va alla pagina indicata nell'azione.
Tutto cio' funziona correttamente, tranne che quando visualizzo cio' nel browser (IE 6.1 o Firefox 1.5.0.6), sotto l'immagine appare una riga vuota che nella preview di Dreamweaver nn c'e'.

Tutto cio' che e' nella cella e' questo:
<td width="100" height="100"><form name="form1" method="post" action="">
<input type="image" src="prova100x100.jpg" name="Submit" value="Invia">
</form></td>

Come cavolo si elimina quello spazio vuoto (che immagino sia creato dal form)?

Grazie a tutti per le eventuali idee.

**webdemo** · 05-09-2006, 00:27

probabilmente risolvi con

codice:

margin:0px 0px -20px 0px;

sull'immagine.

ciaux

**Eskevar** · 05-09-2006, 00:44

Immagino di si, se sapessi dove/come metterlo nel documento...

Immagino sia un CSS.
Dove lo metto? Devo anteporre qualcosa come nel PHP?

Sto cercando su google ma nn e' proprio chiarissimo.

**webdemo** · 05-09-2006, 00:55

gia' cosi' dovrebbe andare bene:

codice:

<head>
<style type="text/css">
input {
margin:0px 0px -20px 0px;
}
</style>
</head>

ciaux

**Eskevar** · 05-09-2006, 01:00

Si, in effetti, mi son ricordato che per togliere il sottolineato dai link, avevo preso un css da qualche parte.
Cosi' ho fatto copia in colla e ho provato a cambiare i comandi come mi hai detto.

Quanno scenno a Roma (io ora abito a Varese) se stai vicino a First Valley (Primavalle per gli amici) ti offro un caffe'!

Ho pero' una domanda:
Questo "stile" rimane per tutta la pagina?
Visto che nn so se faro' disposizioni diverse, lo posso attivare solo per quella cella?
Devo rimettere lo stesso codice con stavolta tutto "0"?

Grazie ancora

**webdemo** · 05-09-2006, 01:15

si, puoi fare cosi':

CSS

codice:

<head>
<style type="text/css">
.miotd input {
margin:0px 0px -20px 0px;
}
</style>
</head>

HTML

codice:

<td class="miotd" width="100" height="100">
<form name="form1" method="post" action="">
<input type="image" src="prova100x100.jpg" name="Submit" value="Invia">
</form>
</td>

[ot]First Valley e' dall'altra parte, io sto "a Tojatti" vicino la sede di HTML.it[/ot]

ciaux

Discussione: Una immagine per bottone

Strumenti discussione

Ricerca discussione

Visualizza

Una immagine per bottone

Permessi di invio