salve, sto cercando di passare dalle tabelle ai css.
Ho impostato l'inizio di una pagina così:
**************************************************
<body>
<div id"testata">
<div id="testasx">
[img]images/logoblu.gif[/img] </div>
<div id="testace" >
vediamo quanto è lungo questo box si dovrebbe capire da quandoandràacapommmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmbbb
</div>
<div id="testadx">
Formazione al counselingzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzzzzzzz
</div>
</div>
<div id="corpo">
corpo centrale dove andranno i contenuti
</div>
</body>
**************************************************
e questo è il css:
**************************************************
#testata {
width: 200px;
background-color:#CCFF99;
}
#testasx {
float: left;
width: 30%;
height: 100px;
}
#testace {
float: left;
width: 40%;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
color:#990000
}
#testadx {
float: left;
width: 30%;
height: 100px;
background-image:url(images/quadri_meta.gif) ;
background-repeat: no-repeat;
/*width:"173" hight:"97");*/
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #FFFFFF
}
**************************************************
Domande:
1) <div id"testata">, che nelle mie intenzioni dovrebbe contenere le tre zone sinistra-centro-destra, è come se non ci fosse. I 200 px di weight non hanno effetto.
2)mi sarei aspettato che il testo scritto in <div id"testace"> restasse contenuto nella larghezza stabilitadal css, e invece va largamente fuori, senza nemmeno tornare a capo.
3) come faccio a dimensionare l'immagine che sta in "testadx", in modo che stia tutta dentro allo spazio previsto?
4) la sintassi
#testata.....
è equivalente a
div#testata..... ?
Credo che dalle vostre risposte capirò qualcosa di più per proseguire. Grazie
Stefano
Rispondi quotando
