premesso che con i CSS sono un disastro e magari è una banalità...
sto sviluppando un'applicazioncina web e ho un problemi con questo form:
codice:
<fieldset id="regbase">
<label for="username" > Username </label>
<input id="username" name="username" type="text" />
//etc etc altre coppie di label e input
</fieldset>
codice:
fieldset
{
background: #D6EBFC ;
padding: 10px;
border:0px;
margin: 10px;
}
fieldset input
{
margin: 5px;
width: 140px;
}
fieldset label
{
float: left;
text-align:right;
width: 140px;
margin-right: 10px;
padding-top: 4px;
}
insomma.. il fieldset bello colorato, con dentro coppie di label e input allineate tra di lroo.. tutto bello finchè dinamicamente con JS non aggiungo un'immagine (una giffina che comprare mentre la pagina lavora con Ajax e serve appunto ad indicare che la pagina sta elaborando qualcosa)
a quel punto l'html diventa (in realtà lo span vuoto c'è anche da prima.. ma fin lì nessun problema, è quando ci inietto dentro l'immagine che sballa):
codice:
<fieldset id="regbase">
<label for="username" > Username </label>
<input id="username" name="username" type="text" />
<span id="username_res">[img]loader.gif[/img]</span>
il risultato è che a questo punto la label resta dov'è... ma il campo di input e l'immaginetta scendono un po', quasi fino alla riga successiva...
..non so che pesci prendere