Newsgroup: it.comp.www.html
Titolo: colorazione ancore

Ciao, vorrei fare una cosa con i css, ovvero:
ho due "colonne" nella ma pagina, una con uno sfondo piu' chiaro una con 
uno sfondo piu' scuro. Mettiamo che corrispondano a due classi di questo 
tipo:
.chiaro
{
	background-color: #bbb;
}
.scuro
{
	background-color: #222;
}
ora, vorrei che il colore delle ancore presenti all'interno delle due 
colonne sia differente. Per il testo normale e' banale, ma non sono 
riuscito a trovare un modo per dare la colorazione alle ancore.
E' ovvio che potrei definire due classi per le ancore e dare di volta in 
volta l'attributo class="xxx" per ogni ancora che scrivo, ma non mi pare 
proprio sia una buona soluzione.
Avete qualche idea? Grazie!!
ciao
Alessio Sangalli

oops: #0f0 è verde.
Saluti,
    SantaKlauss


??? forse il mio server news perde i messaggi???
questo e' l'unico post che vedo nel thread....
qualcuno potrebbe mandarmi via mail le altre risposte, se esistono (o 
almeno quelle importanti)???? grazie... :(
ciao
as

Infatti il primo non č passato, lo rimando:
Alessio Sangalli ha scritto:

Ciao Alessio,
    č uno di quei casi in cui č utilissimo il contextual selector. Si usa per
definire lo stile di tutti gli elementi che nell' html sono interni ad un dato
elemento.
Una cosa: se le colonne sono solo due e sono uniche per la pagina,
meglio usare gli id che le classi.
Esempio velocissimo:
#chiaro{ background-color: #fff }
#scuro{ background-color: #000  }
#chiaro a{ color: #f00 }
#scuro a{color: #0f0}
in questo modo tutti i link (a meno che tu non usi altre classi o definizioni)
nel <div id="chiaro"> saranno rossi, mentre in quello scuro saranno blu.
Ciao,
    SantaKlauss

 #scuro a{color: #0f0}
ahhhhhhhhhhh bene!!!!
senti, ho un altro dubbio "teorico": ho visto usare delle volte una 
sintassi tipo:
body > div
o simile. Non sono riuscito a trovare molte info su questa cosa! Come 
funziona il discorso con quel maggiore???
ciao!
as

 funziona il discorso con quel maggiore???
significa che div deve essere figlio di <body> e non
nipote, cioe', questo viene agganciato dal quel selector:
<body>
   <div>...</div>
</body>
questo invece no:
<body>
   <altrotag>
     <div>...</div>
   </altrotag>
</body>
da notare che non viene agganciato da IE, e quindi spesso
viene utilizzato per non fare vedere alcuni attributi ad IE stesso.
in giro ad esempio vedo spesso:
html > body {
   ...
}
ciao :)

Alessio S. ha scritto:
| senti, ho un altro dubbio "teorico": ho visto usare delle volte una
| sintassi tipo:
|
| body > div
|
| o simile. Non sono riuscito a trovare molte info su questa cosa! Come
| funziona il discorso con quel maggiore???
Ciao Alessio, il maggiore indica il child selector.
La regola che hai scritto riguarderà tutti i div figli primi del
body, e in genarale il child selector riguarda solo i figli diretti
dell' elemento padre.
<body>
    <table>
        <tr>
            <div> <!--qui no--> </div>
        </tr>
    </table>
    <div> <!-- questo si -->
        <div> <!--questo no --> </div>
    </div>
</body>
Nota: il child selector non funziona su IE, anzi a volte
si usa per nascondergli delle regole.
Come riferimento:
http://www.w3.org/TR/CSS2/
Tutorials CSS:
www.w3schools.com
www.brainjar.com
Ciao,
    SantaKlauss

Alessio Sangalli > ha scritto:

Ciao Alessio,
    è uno di quei casi in cui è utilissimo il contextual selector. Si usa per
definire lo stile di tutti gli elementi che nell' html sono interni ad un dato
elemento.
Una cosa: se le colonne sono solo due e sono uniche per la pagina,
meglio usare gli id che le classi.
Esempio velocissimo:
#chiaro{ background-color: #fff }
#scuro{ background-color: #000  }
#chiaro a{ color: #f00 }
#scuro a{color: #0f0}
in questo modo tutti i link (a meno che tu non usi altre classi o definizioni)
