sto impazzendo.. non riesco ad assegnare le classi

[l3.foli3s]

se io ho una pagina e volgio applicare alla prima metà un foglio di stile e alla sconda meta un altro come diavolo faccio??

ho letto la guida del sito ma non riesco ad applicare ne le classi ne l'id, sia con css interno sia con esterno!!!!

cmq se vi va di darmi una mano ilsito è questo.. è semplicissimo..

la parte che mi interessava è la sezione link

www.in-visibile.it

ora c'è solo il codice base.. con un solo css

[pastoweb]

Beh, tanto per cominciare dovresti decidere dove e come definire le classi: nella pagina che hai linkato un po' le hai definite nell'head, un po' immagino siano nel foglio di stile che importi, un po' le definisci direttamente nella pagina... e il tutto per pochi elementi.

Ti consiglio innanzitutto di usare un unico foglio di stile esterno, linkandolo e non importandolo, secondo la forma corretta:

<link href="css/nomedelfile.css" rel="stylesheet" type="text/css">

Togli tutto quello che hai messo nel codice e ricomincia.

[l3.foli3s]

www.in-visibile.it/link
allora nella pagina dovrei aver sitemato tutto, alla prima parte gli ho datto la classe "home" e alla seconda parte la classe "link" e il risultato che voglio ottenere è che nella prima parte la dimenzione del carattere deve essere di 25px mentre nella seconda 18px

il css1.css è fatto cosi

.home

a:link {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
}
a:visited {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
}
a:active {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
}
a:hover {
color: #000;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
}


.link

a:link {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
a:visited {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
a:active {
color: #ebebeb;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
a:hover {
color: #000;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}




ma come mai non funziona!!!! sbaglio sicuramente qualcosa nel css perche mi applica solo la seconda parte quella a 18px!!
vi prego aiutatemi

[fcaldera]

come primo suggerimento, consulta le guide su css.html.it almeno per la sintassi da usare
poi l'ultimo link che hai postato non è corretto... dovresti ripostarlo

[pastoweb]

Se capisco quello che vorresti ottenere, prova a mettere:
.home a:link {...}
e
.link a:link {...}

Il .home e .link da soli non servono niente, e in questo modo le classi a:link {...} definiscono gli stili generali per i link. I browser danno la priorità all'ultima versione della classe che trovano... ma questo è uno dei principi base dei css.

Prima di andare avanti ti consiglio anch'io di leggerti qualche guida, a partire da questa
Altrimenti rischi solo di complicarti la vita senza ottenere i risultati che vorresti.

Ciao!