Fede 88
05-11-2009, 12:24
Ho due form (input type=text) ognuna delle quali alla propria destra ha una div che contiene un immagine (19x19px) e una scritta.
Il fatto è che il testo e a volte anche le immagini sono allineate male, modificando l'impostazione vertical-align della div non cambia niente.
Qualcuno potrebbe spiegarmi come allinearlo.
Questo è un esempio del codice:
<HTML>
<HEAD>
<TITLE>PROVA</TITLE>
</HEAD>
<BODY>
<form name="modulo">
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="text" name="username" style="width: 230px"/>
<div id="div_username" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;">
<img src="imm/yes.gif"> Username</div>
</div>
<br><br>
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="password" name="password" style="width: 230px"/>
<div id="div_password" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;"><img src="imm/no.gif"> Password</div>
</div>
</form>
</BODY>
</HTML>
Grazie
Il fatto è che il testo e a volte anche le immagini sono allineate male, modificando l'impostazione vertical-align della div non cambia niente.
Qualcuno potrebbe spiegarmi come allinearlo.
Questo è un esempio del codice:
<HTML>
<HEAD>
<TITLE>PROVA</TITLE>
</HEAD>
<BODY>
<form name="modulo">
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="text" name="username" style="width: 230px"/>
<div id="div_username" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;">
<img src="imm/yes.gif"> Username</div>
</div>
<br><br>
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="password" name="password" style="width: 230px"/>
<div id="div_password" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;"><img src="imm/no.gif"> Password</div>
</div>
</form>
</BODY>
</HTML>
Grazie