Ok, apart the other topic, trouble with IE...
I have this form, I want the field to be inline with their labels.
The only problem I have is with the fieldset "integrazione", where the fields area and keywords..
you can check the last field, and it works.. (there are not proper dt and dd declaration cause textfields, but it works...
I have this form, I want the field to be inline with their labels.
The only problem I have is with the fieldset "integrazione", where the fields area and keywords..
you can check the last field, and it works.. (there are not proper dt and dd declaration cause textfields, but it works...
dt {
clear: both;
float:left;
width: 100px;
padding: 4px 0 2px 0;
text-align: left;
}
dd {
float: left;
width: 250px;
margin: 0 0 8px 0;
padding-left: 6px;
}
<h2>Progettare con più stakeholders</h2>
<p></p>
<br>
<p>
<fieldset><legend><strong>Benintegra il tuo gruppo!</strong></legend>
Il questionario raccoglie
informazioni sulle attività della Vostra
associazione/gruppo/ente od azienda in investimenti per migliori
integrazioni economico-sociali.
Potrete promuoverla, farla conoscere, cercare collaboratori, cercare
finanziatori.
<strong>Obiettivo:</strong> costruire alberi di
problemi/opportunità per <strong>sviluppare design
progettuali</strong> e
logical frameworks con altri stakeholders: <strong>creare rete!</strong>
</fieldset>
</p>
<br>
<p>
<fieldset><legend><strong>Scheda
Stakeholder</strong>
</legend>
<dl>
<dt> <label for="name">Nome:<b>*</b></label>
</dt>
<dd><input name="name" id="name" type="text">
<span class="hint">Inserite
il nome della Vostra
Associazione/Gruppo/Ente o Azienda.<span class="hint-pointer"> </span></span>
</dd>
<dt><label for="stato">Stato
Sociale:</label></dt>
<dd>
<select name="stato">
<option>ONG</option>
<option>Onlus</option>
<option>S.c.p.a.</option>
<option>S.p.a.</option>
<option>S.r.l.</option>
<option>S.n.c.</option>
<option>Pubblico</option>
<option>Altro</option>
</select>
</dd>
<dt><label for="referente">Referente:<b>*</b></label>
</dt>
<dd><input name="referente" id="referente" type="text"> </dd>
<dt><label for="allegato">Logo:</label> </dt>
<dd><input name="allegato" id="logo" type="file"><br>
<small>Allegate il logo della Vostra
associazione/gruppo/ente. <br>
Dimensioni consigliate: 10cm per il lato lungo.<br>
Formati: *.jpg, *.png, *.gif, *.tif<br>
</small></dd>
</dl>
</fieldset>
</p>
<br>
<p>
<fieldset><legend><strong>Contatto</strong>
</legend>
<dl>
<dt><label for="indirizzo">Indirizzo:</label>
</dt>
<dd><input name="indirizzo" id="indirizzo" type="text"> </dd>
<dt> <label for="telefono">Telefono:</label>
</dt><dd><input name="telefono" id="telefono"> </dd>
<dt><label for="web">Web:</label> </dt>
<dd><input name="web" id="web" type="text"></dd>
<dt> <label for="email">E-mail:<b>*</b></label>
</dt>
<dd><input name="email" id="email" type="text">
</dd>
<dt><label for="skype">Skype:</label> </dt>
<dd><input name="skype" id="skype" type="text"></dd>
<dt> <label for="voipbuster">Voipbuster:</label>
</dt>
<dd><input name="voipbuster" id="voipbuster" type="text"> </dd>
</dl>
</fieldset>
</p>
<br>
<p>
<fieldset><legend><strong>Integrazione</strong>
</legend>
<dl>
<textarea cols="30" name="integrazione" id="integrazione" style="height: 63px; width: 612px;" rows="3"></textarea> <span class="hint_textarea">Secondo
il Vostro ambito di lavoro, cosa significa integrazione? <span class="hint-pointer"> </span></span>
<dt><label for="area">Area:<b>*</b></label>
</dt>
<dd><input name="area" id="area" type="text">
<span class="hint">Specificate
la Vostra area di
intervento: in che settore operate o volete operare? <span class="hint-pointer"> </span></span> </dd>
<dt><label for="int_kw">Keywords:<b>*</b></label>
</dt>
<dd><input name="int_kw" id="int_kw" type="text"> <span class="hint">Specificate
parole chiave, utili
alla
ricerca del campo in cui intendente operare. Separatele con
una virgola, senza spazi:<br>
"parola1,parola2,parola3". <span class="hint-pointer"> </span></span>
</dd>
</dl>
</fieldset>
</p>
<br>
<p>
<fieldset><legend><strong>Problemi</strong>
</legend>
<dl>
<textarea cols="30" name="problema" id="problema" style="height: 63px; width: 612px;" rows="3"></textarea> <span class="hint_textarea">Come
attori presenti nel
territorio, descrivete brevemente quali
problemi di integrazione osservate. Siate specifici; potete, se
necessario, indicare precisi luoghi geografici presso cui rilevate il
problema. <span class="hint-pointer"> </span></span>
<dt><label for="prb_kw">Keywords:<b>*</b></label>
</dt>
<dd><input name="prb_kw" id="prb_kw" type="text"> <span class="hint">Specificate
parole chiave, utili
alla
ricerca del campo in cui intendente operare. Separatele con
una virgola, senza spazi:<br>
"parola1,parola2,parola3". <span class="hint-pointer"> </span></span>
</dd>
</dl>
</fieldset>
</p>
<br>
<p>
<fieldset><legend><strong>Soluzioni</strong>
</legend>
<dl>
<textarea cols="30" name="soluzione" id="soluzione" style="height: 63px; width: 612px;" rows="3"></textarea> <span class="hint_textarea">Quali
soluzioni od idee proponete?
Possono comprendere anche collaborazione di enti e gruppi che operano
al di fuori del Vostro ambito. <span class="hint-pointer"> </span></span>
<label for="promotori">Promotori:</label>
<textarea cols="30" name="promotori" id="promotori" style="height: 63px; width: 612px;" rows="3"></textarea> <span class="hint_textarea">Indicate
con chi
potreste o vorreste collaborare.<br>
Quali
promotori potrebbero sostenerVi la soluzione che avete proposto? <span class="hint-pointer"> </span></span>
<label for="partner">Partner:</label>
<textarea cols="30" name="partner" id="partner" style="height: 63px; width: 612px;" rows="3"></textarea>
<span class="hint_textarea">Finanziamenti e
collaborazioni.<br>
A quali
parter vi rivolgereste in primo luogo per sostenere la soluzione che
avete proposto o la Vostra idea progettuale? <br>
<b>L'Autofinanziamento dovrebbe coprire almeno
il 30%, affinché la ricerca di fundraising o
partnership abbia successo.</b> <span class="hint-pointer"> </span></span>
<dt><label for="sol_kw">Keywords:<b>*</b></label>
</dt>
<dd><input name="sol_kw" id="sol_kw" type="text"> <span class="hint">Specificate
parole chiave, utili
alla
ricerca del campo in cui intendente operare. Separatele con
una virgola, senza spazi:<br>
"parola1,parola2,parola3". <span class="hint-pointer"> </span></span>
</dd>
</dl>
</fieldset>
</p>
<br>
<input value="Invia" name="submit" type="submit"><input value="Cancella" name="reset" type="reset">
This topic is locked and no more replies can be posted.
