[HTML+CSS] Problemi con i div [Archivio]

franksisca

25-01-2013, 15:26

ragazzi, non sò usare i div e i css
mio file cssdiv#modifyInt {
width: 80%;
font: 76% georgia, serif
}

div.credential div{
float: left;
width: 10%;
padding: 0 2%
}

div.dati div{
float: left;
width: 40%;
padding: 0 2%
}

div.giorno div{
float: left;
width: 10%;
padding: 0 2%
}

div.ora div{
float: left;
width: 10%;
padding: 0 2%
}

div.modifica div{
float: left;
width: 10%;
padding: 0 2%
}

mia pagina html<link rel="stylesheet" type="text/css"
href="modifyPage.css" >
<head><body><div id="modifyInt">
<div class="credential"><div>CREDENZIALI</div></div>
<div class="dati">
<div>TIPO VISITA<br>
DOVE<br>
ELENGO TAG</div>
</div>
<div class="giorno"><div>GIORNO</div></div>
<div class="ora"><div>ORARIO</div></div>
<div class="modifica"><div>MODIFICA</div></div>
</div>
</body></head>

ora chi mi spiega perchè ho dovuto aggiungere un livello di div per fargli prendere le caratteristiche al testo???
<div class="giorno"><div>GIORNO</div></div>
se lo metto così GIORNO hai le varatteristiche del css, mentre se lo metto
<div class="giorno">GIORNO</div>
no.

help me pls

wingman87

25-01-2013, 16:41

Devi imparare a leggere i selettori, è molto semplice, in questa pagina trovi un riferimento:
http://www.w3schools.com/cssref/css_selectors.asp
In particolare tu hai usato questi:
http://www.w3schools.com/cssref/sel_class.asp
http://www.w3schools.com/cssref/sel_id.asp
http://www.w3schools.com/cssref/sel_element_element.asp

PS: una regola css è così composta:
selettore {
proprietà: valore;
...
}