Colore link

igorx81

Colore link

Finalmente mi avvicino a i CSS; siccome sono ancora imbranato, c'è un modo per fare in modo che una volta inserito un link il colore del testo rimanga quello originale senza aggiungere ad ogni link style="color:xxx" ?

Grazie

king.hack

Si, utilizzando proprio i CSS
Inserendo nel foglio di stile una cosa del tipo:


a &#123;
	color: #FFFFFF;
	text-decoration&#58; none;
	&#125;

a&#58;hover &#123;
	color&#58; #000000;
	text-decoration&#58; underline;
	&#125;

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

igorx81

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

giorgiotave

Ciao igorx81

C'è qualcosa di strano, mi posti l'intero codice della pagina?

igorx81

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 )

giorgiotave

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">

</style>
</head>

<body>
<h3>Ciao [url="www.giorgiotave.it"]Giorgio
</h3>
</body>
</html>

Funziona?

claudioweb

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.

igorx81

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...

claudioweb

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&#58;//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 &#123;
   color&#58; #FF0000;
   text-decoration&#58; none;
   &#125;

#link2 a &#123;
   color&#58; #009933;
   text-decoration&#58; none;
   &#125;
-->
</style>
</head>

<body>
<div id="link1">Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio</div>
<div id="link2">Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio</div>

Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio
Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio
Ciao [url="http&#58;//www.giorgiotave.it/"]Giorgio

</body>
</html>

C'è un po' di tutto

igorx81

Non era proprio quello, ma inserendo a dovere l'id= sono riuscito comunque a risolvere.

Grazie mille...

claudioweb

Vedi che dopo qualche secondo ho cambiato un pochino il codice, avevo saltato le tre righe senza id facendo il copia-incolla.