ancora css sbagliati!

[ciro78]

A:active {color: #000080} 
A:link {text-decoration:none ; color: #000000} 
A:visited {text-decoration:none ; color: #8f8b8f} 
A:hover {background-color:green ; color: white}
img {border:none}
body{
scrollbar-arrow-color:#90ee90;
scrollbar-3dlight-color:#90ee90;
scrollbar-base-color:green;
scrollbar-darkshadow-color:#8f8b8f;
scrollbar-face-color:green;
scrollbar-highlight-color:#90ee90;
scrollbarr-shadow-color:#90ee90;
background-image:url(../img/sfondo.gif);
}

.sito{
width:708px;
heigth:100%;
top:0px;
left:50%;
margin-left:-354px;
}

.intestazione{
position:relative;
width:700px;
height:150px;
top:2%;
left:50%;
margin-left:-350px;
}

.centro{
position:relative;
width:430px;
height:360px;
top:0px;
left:50%;
margin-top:3%;
margin-left:-80px;
background-image:url(../img/pergamena.gif);
background-repeat:no-repeat;
font-family:Lucida Handwriting;
font-size:11px;
font-weight:bold;
text-align:center;
}



.centro1{
position:relative;
width:450px;
height:380px;
top:0px;
left:50%;
margin-top:3%;
margin-left:-80px;
background-repeat:no-repeat;
font-family:Lucida Handwriting;
font-size:11px;
font-weight:bold;
text-align:center;
}

.menu{
position:relative;
width:200px;
height:300px;
top:0px;
left:0px;
margin-top:3%;
margin-left:0px;
}

salve ho un pèroblema con il seguente css.
tutti i div di cui parlo sono inseiti all'inerno del div con class = a sito

il problema è che il div con class menu e centro non sono allinenati anche se i paramtri sono gli stessi.Dov'è l'errore???

[antos]

Originariamente inviato da ciro78

A:active {color: #000080} 
A:link {text-decoration:none ; color: #000000} 
A:visited {text-decoration:none ; color: #8f8b8f} 
A:hover {background-color:green ; color: white}
img {border:none}
body{
scrollbar-arrow-color:#90ee90;
scrollbar-3dlight-color:#90ee90;
scrollbar-base-color:green;
scrollbar-darkshadow-color:#8f8b8f;
scrollbar-face-color:green;
scrollbar-highlight-color:#90ee90;
scrollbarr-shadow-color:#90ee90;
background-image:url(../img/sfondo.gif);
}

.sito{
width:708px;
heigth:100%;
top:0px;
left:50%;
margin-left:-354px;
}

.intestazione{
position:relative;
width:700px;
height:150px;
top:2%;
left:50%;
margin-left:-350px;
}

.centro{
position:relative;
width:430px;
height:360px;
top:0px;
left:50%;
margin-top:3%;
margin-left:-80px;
background-image:url(../img/pergamena.gif);
background-repeat:no-repeat;
font-family:Lucida Handwriting;
font-size:11px;
font-weight:bold;
text-align:center;
}



.centro1{
position:relative;
width:450px;
height:380px;
top:0px;
left:50%;
margin-top:3%;
margin-left:-80px;
background-repeat:no-repeat;
font-family:Lucida Handwriting;
font-size:11px;
font-weight:bold;
text-align:center;
}

.menu{
position:relative;
width:200px;
height:300px;
top:0px;
left:0px;
margin-top:3%;
margin-left:0px;
}

salve ho un pèroblema con il seguente css.
tutti i div di cui parlo sono inseiti all'inerno del div con class = a sito

il problema è che il div con class menu e centro non sono allinenati anche se i paramtri sono gli stessi.Dov'è l'errore???

perchè hai usato il posizionamento relativo, in pratica con il questo tipo di posizionamento decidi con left,top,etc... lo scostamento relativo alla posizione naturale del blocco, quindi o cambi sistema (usi div flottanti), o usi il posizonmanto relativo usando per il secondo blocco un valore di top negativo, oppure usi il posizionamento assoluto

[ciro78]

beh uso questo sistema per adattarlo alla risoluzione
come lo allineo esattamente al div menu ???

[antos]

Originariamente inviato da ciro78
beh uso questo sistema per adattarlo alla risoluzione
come lo allineo esattamente al div menu ???

guarda una soluzione è:
/*+ corretto usare un id*/
.sito{
...
position:relative;
...
}
/*+ corretto usare un id*/
.menu{
...
position:absolute;
...
}
/*+ corretto usare un id*/
.centro{
...
position:absolute;
...
}

[ciro78]

scusami già non capisco perchè sarebbe + coretto usare gli id...il fatto è che uso il relative in modo tale che cambiando risoluzione le distanze e il layout non cambino

[antos]

Originariamente inviato da ciro78
scusami già non capisco perchè sarebbe + coretto usare gli id...il fatto è che uso il relative in modo tale che cambiando risoluzione le distanze e il layout non cambino

con le classi raggruppi + elementi che hanno le stesse caratteristiche,
gli id ne identificano uno solamente (in maniera univoca)

quindi se nella tua pagina hai una cosa del genere è logicamente scorretto assegnare una classe quando basta l'id se invece in una pagina hai + di un div a cui assegni .sito .menu e .centro allora vanno bene le classi

<div id="sito">
  <div id="menu">
  </div>
  <div id="centro">
    <p class="unaclasse"> ... </p>
    <p class="unaclasse"> ... </p>
    <p class="unaclasse"> ... </p>
  </div>  
</div>

per il posizionamento:
1) leggi la guida di html.it sul posizionamento con i css così ti chiarisci le idee
2) propio per non far cambiare le distanze nel layout tu racchiudi all'interno di un blocco div posizionato in maniera relativa (o anche assoluta) gli altri blocchi posizionati in maniera assoluta (infatti in questo modo la posizione viene calcolata in base all'elemento contenitore)

[ciro78]

grazie...

a questo punto però mi sorge spontanea una domanda.sapevo della differenza tra class e id ma mi kiedo è scorretto usarli? o è solo una convenzione?

io non posso validare il codice css perchè ho inserito le proprietà delle scroll barr tipiche di explorer ma, se lo validassi quale sarebbe il risultato????

[antos]

Originariamente inviato da ciro78
grazie...

a questo punto però mi sorge spontanea una domanda.sapevo della differenza tra class e id ma mi kiedo è scorretto usarli? o è solo una convenzione?

io non posso validare il codice css perchè ho inserito le proprietà delle scroll barr tipiche di explorer ma, se lo validassi quale sarebbe il risultato????

come ti hi già detto è solo una questionie di logica, alla fine sono entrambe selettori css