Salve,
devo fare una pagina nella quale vengano visualizzati tre campi:
A) Campo Elenco con Label superiore;
B) due campi testo con label a sinistra.
Essendo le due label di lunghezza diversa non si incolonnano i due campi testo.
Precedentemente, grazie alle tabelle la cosa era molto semplice ora volendo provare con i DIV la cosa
mi si presenta abbastanza difficile.
Qualcuno mi sa dire dove è l'errore
QUESTO PARTE DEL CODICE
__________________________________________________ _________
<div id="contenuto">
<h2>Titolo</h2>
<h3>Sottotitolp</h3>
<div class="campoform">
<form action="salva_articolo.php" method=post name="inviato" id="inviato" >
<div class="articolo">
scegli articolo
<select name="sez" id="sez">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<ecc...ecc...>
</select>
</p>
</p>
</div>
<div class="label">
Inserire il num. della copertina
</div>
<div class="campo">
<input name=pag_1 type=text id="pag_1" onKeyUp="SoloNumeri(this)" value="pag_1" size=10 maxlength="4">
</div>
<div class="label">
Inserire il numero della pagina
</div>
<div class="campo">
<input name=pag_2 type=text id="pag_2" onKeyUp="SoloNumeri(this)" value="pag_2" size=10 maxlength="4">
</div>
<input type=submit value=Invia>
__________________________________________________ __________________________
QUESTO PARTE DEL CSS
.label {
width:40%;
color: #006699;
float:left;
padding: 3px,1px,1px,1px;
text-align: justify;
font-size:14px;
}
.campo {
width:50%;
color: #006699;
float: left;
padding: 3px,1px,1px,1px;
text-align: left;
}
.campoform {
width:500px;
color: #ffffff;
float: center;
padding: 10px;
text-align: left;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}