- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Colore link
-
Si, utilizzando proprio i CSS
Inserendo nel foglio di stile una cosa del tipo:a { color: #FFFFFF; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; }
Questo farà in modo che tutti i link saranno di colore bianco senza sottolineatura e ogni volta che il cursore ci passerà sopra diventeranno di colore nero con sottolineatura.
PS: una buona guida per i CSS la trovi qua: !http://www.html.it/css/
Ciao
-
Ho guardato un po' dappertutto, ma non riesco a trovare niente...
Sto usando macromedia, e mi diventano automaticamente blu e sottolineati. Per il secondo risolvo con text-decoration: none; ma a non far ambiare il colore non riesco proprio. Devo cambiare qualcosa nelle impostazioni?Ciauz
-
Ciao igorx81
C'è qualcosa di strano, mi posti l'intero codice della pagina?
-
Per esempio
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head><body>
Ciao [url="www.giorgiotave.it"]Giorgio
</body>
</html>Anche se metto text-decoration: none non so come fare a non farlo diventare blu. (So che sarà una ca... risolverlo )
-
Puoi fare così
[url="www.giorgiotave.it"]Giorgio
Però di solito di mette una classe associata e il codice css prima del body, esempio:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
.Stile1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: red;
text-decoration:none;
}
-->
</style>
</head><body>
<h3>Ciao [url="www.giorgiotave.it"]Giorgio
</h3>
</body>
</html>Funziona?
-
EDIT Giorgio ha risposto mentre io scrivevo.
Ciao, di solito è meglio inserire le informazioni riguardanti lo stile in file esterni, ma in questo caso per semplicità metto tutto nella pagina.
Ecco come puoi risolvere il tuo problema
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--a {
color: #FF0000;
text-decoration: none;
}a:hover {
color: #00CC00;
text-decoration: underline;
}a:visited {
color: #FFFF33;
text-decoration: none;
}
-->
</style>
</head><body>
Ciao Giorgio
</body>
</ html>
Tutti tag A che sarebbero il link acquisiscono le caratteristiche impostate nella parte in rosso.a = link;
a:hover = quando c'è il mouse sul link;
a:visited = link già visitati.
-
Sì, perchè il colore è specificato dentro <a href
E' l'unico modo? Specificare uno stile/colore per ogni link?
Voglio dire, il text-decoration: none toglie la sottolineatura, non c'è qualcosa tipo text-color: lascialo com'è che va bene invece di farlo blu che vada bene se applicato al testo e non al link?
Es.: ho una riga (edit per claudioweb: due righe di due colori diversi) con una parola sì e una no linkata non vorrei dover applicare lo stile ad ogni link...
-
Non sono sicuro di aver capito bene...
Prova questo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #link1 a { color: #FF0000; text-decoration: none; } #link2 a { color: #009933; text-decoration: none; } --> </style> </head> <body> <div id="link1">Ciao [url="http://www.giorgiotave.it/"]Giorgio</div> <div id="link2">Ciao [url="http://www.giorgiotave.it/"]Giorgio</div> Ciao [url="http://www.giorgiotave.it/"]Giorgio Ciao [url="http://www.giorgiotave.it/"]Giorgio Ciao [url="http://www.giorgiotave.it/"]Giorgio </body> </html>
C'è un po' di tutto
-
Non era proprio quello, ma inserendo a dovere l'id= sono riuscito comunque a risolvere.
Grazie mille...
-
Vedi che dopo qualche secondo ho cambiato un pochino il codice, avevo saltato le tre righe senza id facendo il copia-incolla.