div e impaginazione

**lupo92** · 29-02-2004, 22:15

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;
}

**lupo92** · 29-02-2004, 23:38

:quote:

**herrel** · 29-02-2004, 23:42

scusa ma non ho capito...cosa non si incolonna??

vuoi tutto sulla stessa riga??

**lupo92** · 29-02-2004, 23:45

No va a capo però la label non è alla stessa altezza del campo di testo

**herrel** · 29-02-2004, 23:53

ho capito...fammmi provare!

**herrel** · 01-03-2004, 00:03

prova così:

codice:

<html>
<head>
	<title>Untitled</title>
<style>
.contenitore {
padding:5px;
}

.label { 
width:40%; 
color: #006699; 
display:inline;
text-align: justify; 
font-size:14px; 
} 

.campo { 
width:50%; 
color: #006699; 
display:inline;
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; 
}
</style>
</head>

<body>

<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="contenitore">
<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>

<div class="contenitore">
<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>
</div>




 

 

 
<input type=submit value=Invia> 

</body>
</html>

**lupo92** · 01-03-2004, 00:12

grazie
mi sei stato molto utile

alla prossima

**herrel** · 01-03-2004, 00:14

Originariamente inviato da lupo92
grazie
mi sei stato molto utile

alla prossima

meno male pensavo di non averci preso...meglio così

Discussione: div e impaginazione

Strumenti discussione

Ricerca discussione

Visualizza

div e impaginazione

Permessi di invio