Ciao,
problema:
in una pagina ci saranno 2 parole (Paolo e Francesca diciamo) ogniuna sarà linka al sito di Paolo o di Francesca.
Visitato il link ogniuno dei due nomi-link dovrebbe essere di colore diverso diciamo nero per Paolo e rosa per Francesca.
Il link ci sarà molte volte in molte pagine.
Come devo fare??
Ringrazio chi avrà la voglia di spiegarmi.
monicamarina
Assegni due classi diverse.
Es.
<a href="link1.htm" class="fra">Francesca</>
<a href="link2.htm" class="pao">Paolo</>
Poi nel css imposti come vuoi es:
.pao {
color: #123456;
font-size: 16px;
}
.pao:hover \\quando è giù
color: #654321;
}
.pao:visited \\quando viene cliccato
color: #123654;
}
Stessa cosa con fra.
Chiaro?
No!
A prima vista sembrava chiaro ma poi all'atto pratico nn funziona,
iniziando da Paolo ho scritto così:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>prova dopo consiglio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="file:///Macintosh HD/Users/monica/Desktop/busi-casillo/foglio stile paolo.css"
</head>
<body>
<font size="+7">paolo </font> </body>
</html>
e il foglio stile così:
<link rel="stylesheet" type="text/css">
.pao { color:#666600;}
.pao { hover:#FF3300;}
.pao { color:#33FF00;} >
Dove sbaglio?
monicamarina
A.pao{color:black;}
A.pao:visted{color:blue;}
A.pao:hover{color:red;}
Quasi ci sono!
la A. davanti a pao sta ad indicare che quanto segue si riferisce alla classe pao se ho ben capito, sbaglio?
A.pao{color:black;}
A.pao:visted{color:blue;}
A.pao:hover{color:red;}
C'è uno strano problema: nonostante visited sia di colore blue
A.pao:visted{color:blue;}
viene visualizzato in nero, e anche se per esempio invece di blue scrivo green resta nero!
nn è strano?
monicamarina
A.pao{color:black;}
A.pao:visited{color:blue;}
A.pao:hover{color:red;}
avevo scritto "visted" invece che "visited"
scusa ma visto che usi i css perche non elimini font e infili anche la grandezza del carattere nei css ?
scusa e solo una curiosità che non centra nulla
Perchè sono trooooooppo principiante!
E' il primo tentativo con i css e sono molto impacciata.
Grazie del suggerimento,farò del miomeglio per applicarlo.
:-)
monicamarina
Non così.A.pao{color:black;}
A.pao:visited{color:blue;}
A.pao:hover{color:red;}
Se Pao lo assegni solo al link prova così:
.pao {
color:black;
}
.pao:hover {
color:blue;
}
.pao:visited {
color:red;
}
Ovviamente i colori li metti #cccccc...
Ciao
Ancora qualcosa nn va.
Attribusco le classi alle parole link poi associo i css, per qualche motivo che nn so il secondo css associato prende il sopravvento anche della parola link che è stata associata precedentemente al primo css e nn so spiegarmi perchè si instaura questa gerarchia arbitrariamente.
Riposto il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="file:///Macintosh HD/Users/monica/Desktop/provacss/classekilo.css" rel="stylesheet" type="text/css">
<link href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/classetifon.css" rel="stylesheet" type="text/css">
</head>
<body>
</a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_1A.jpg" class="kilo">irenegrandi
</a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_2A.jpg" class="tifon">veronicapivetti
</a>
</body>
</html>
riporto anche il codice dei css
.tifon {
}
a:link {
color : fuchsia;
text-decoration : none;
}
a:hover {
color : purple;
text-decoration : none;
}
a:visited {
color : red;
text-decoration : none;
}
.kilo {
}
a:link {
color : green;
text-decoration : none;
}
a:hover {
color : lime;
text-decoration : none;
}
a:visited {
color : olive;
text-decoration : none;
}
monicamarina
Permessi di invio
Rispondi quotando