Joomla.it Forum
Componenti per Joomla! => Gestione Form => : andfritz 19 Nov 2010, 14:43:41
-
Ciao a tutti. Ho costruito un form, ma poiche è molto lungo vorrei diminuire lo spazio tra un text box e un altro da ridurre così lo spazio dell'intero form. Non voglio ridurre l'altezza dei singoli elementi, ma la distanza tra un campo e un altro. Ho provato a cercare anche nella sezione multi page form in quanto il form è molto strutturato, ma non ho risolto nulla.
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;height: 20px;text-align:right;"><font size="2">Nome</font></label>
<input class="cf_inputbox required validate-alpha"style="width: 170px;height:14px; font-size:12px;background-color:#DDDDDD;" maxlength="150" size="30" title="" id="text_10" name="nome" type="text" />
</div>
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;height:20px;text-align:right;"><font size="2">Cognome</font></label>
<input class="cf_inputbox required validate-alpha"style="width: 170px;height:14px; font-size:12px;background-color:#DDDDDD;" maxlength="150" size="30" title="" id="text_11" name="cognome" type="text" />
</div>
Grazie per il Vostro aiuto. Andrea
-
Dovresti inserire nel campo CSS Style dell finestra Form code questo codice css che prevarrà sul css di default
.form_element {
margin-bottom: 1px;
margin-top: 1px;
}
Agendo sui pixel si ottiene la variazione della distanza. Puoi mettere anche 0px;