Newsgroup: it.comp.www.html
Titolo: Come dimensionare i campi input?

Ho dei campi input dentro a div, mi sembra che regole tipo div 
input{widh:150px; } non funzionino...... sbaglio? 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 input{widh:150px; } non funzionino...... sbaglio? 
Se la scrivi giusta, funziona. Perche' div?
Bye.


Perchč ho altri campi input ma non sono dentro a dei div......
div input{......} dovrebbe interessare solo quelli figli di div... o 
sbaglio? 


 sbaglio?
Non sbagli.
Posta il codice che non funziona.
Bye.


Posto a seguire il codice ed il foglio di stile associato.
Lo scopo dovrebbe essere quello di avere due colonne affiancate 
rappresentate dai contenitori fright e fleft, contenenti a loro volta una 
serie di div.....
I campi input interni a fleft sembrano non flottare e prendono quindi un 
margine di 310 px che non dovrebbero avere portandosi all'esterno.... questo 
con IE6.0.
Puoi vedere la pagina qui. 
http://www.enaip.info/cesare/admin-cucina.php
Con firefox invece..... va quasi bene.....
<form action="aggiorna-cucina.php" method="post" name="agg_cucina" 
id="agg_cucina">
<div id="fleft">
<div class="titolo"><input type="text" id="titolo0" value="111"></div>
<div class="foto"><img src="C:/Documents and Settings/All 
Users/Documenti/Immagini/Immagini campione/Tramonto.jpg" /></div>
<div class="scegli"><input type="file" id="image0"></div>
<input type="hidden" value="C:/Documents and Settings/All 
Users/Documenti/Immagini/Immagini campione/Tramonto.jpg" name="h_immagine0">
<div class="titolo"><input type="text" id="titolo2" value="333"></div>
<div class="foto"><img src="imma3" /></div>
<div class="scegli"><input type="file" id="image2"></div>
<input type="hidden" value="imma3" name="h_immagine2">
<div class="titolo"><input type="text" id="titolo4" value="555"></div>
<div class="foto"><img src="im5" /></div>
<div class="scegli"><input type="file" id="image4"></div>
<input type="hidden" value="im5" name="h_immagine4">
<div class="titolo"><input type="text" id="titolo6" value="777"></div>
<div class="foto"><img src="im7" /></div>
<div class="scegli"><input type="file" id="image6"></div>
<input type="hidden" value="im7" name="h_immagine6">
<div class="titolo"><input type="text" id="titolo8" value="999"></div>
<div class="foto"><img src="im9" /></div>
<div class="scegli"><input type="file" id="image8"></div>
<input type="hidden" value="im9" name="h_immagine8">
</div>
<div id="fright">
<div class="titolo"><input type="text" id="titolo1" value="222"></div>
<div class="foto"><img src="immagini/1.jpg" /></div>
<div class="scegli"><input type="file" id="image1" name="scegli"></div>
<input type="hidden" value="immagini/1.jpg" name="h_immagine1">
<div class="titolo"><input type="text" id="titolo3" value="444"></div>
<div class="foto"><img src="imma4" /></div>
<div class="scegli"><input type="file" id="image3" name="scegli"></div>
<input type="hidden" value="imma4" name="h_immagine3">
<div class="titolo"><input type="text" id="titolo5" value="66666"></div>
<div class="foto"><img src="im6" /></div>
<div class="scegli"><input type="file" id="image5" name="scegli"></div>
<input type="hidden" value="im6" name="h_immagine5">
<div class="titolo"><input type="text" id="titolo7" value="888"></div>
<div class="foto"><img src="im8" /></div>
<div class="scegli"><input type="file" id="image7" name="scegli"></div>
<input type="hidden" value="im8" name="h_immagine7">
<div class="titolo"><input type="text" id="titolo9" value="10 10 "></div>
<div class="foto"><img src="im10" /></div>
<div class="scegli"><input type="file" id="image9" name="scegli"></div>
<input type="hidden" value="im10" name="h_immagine9">
</div>
</form>
html,body{
margin:0;
padding:0;
background-color:#FFffFF;
}
div.titolo{
 width:280px;
 height:20px;
 border:1px solid black;
 margin-top:10px;
 /*font-weight:bold;
font-family:"Times New Roman", Times, serif;
font-size:0.9em;
font-style:italic;
line-height:1.2em;
color:#535353;
text-align:center;*/
 }
div.foto{
 width:280px;
 height:280px;
 border:1px solid black;
 }
 div.foto img{
 width:280px;
 height:280px;
 }
div.scegli{
 width:280px;
 height:20px;
 border:1px solid black;
 }
div#fleft{
float:left;
margin-left:10px;
/*border:1px solid red;*/
}
div#fright{
margin-left:310px;
}
div#indirizzo {
visibility: hidden;


 }
E di conseguenza questo o sta attaccatissimo, oppure si sovrappone per 2
pixel.
Bye.


Geazie Alessandro, mancavano clamorosamente le width nei livelli flottanti e 
mi scombinavano tutto. Per il box model corretto per ora non mi preoccupo, è 
una console amministrativa e quindi pixel più pixel meno non mi interessa.
Per il discorso dimensione dei campi type="file", invece sono ancora in alto 
mare, è possibile che firefox impedisca di ridimensionare un campo file? 
Naturalmente visto che IE risponde bene immagino che la ragione ce l'abbia 
firefox hehehehe!!
Ciao e grazie. 


 immagino che la ragione ce l'abbia firefox hehehehe!!
Ho provato, ed effettivamente, firefox non lo permette.
Ci sono degli hack in giro, tipo:
http://www.quirksmode.org/dom/inputfile.html
Per avere lo stile che vuoi.
Bye.
