formatazione diversa per due link

**Mir** · 21-08-2011, 12:29

Ciao, purtroppo uso molto poco i css e mi trovo con questo inghippo:

nel file css formatto così il campo link:

codice:

a:link { text-decoration: none; color: #FFFFFF;
a:visited { font: 10pt Arial, Helvetica, sans-serif; text-decoration: none; color: #000033; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
a:hover, a:active { text-decoration: none; color: #0066CC; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
p { font-family: Arial, Helvetica, sans-serif; color: #000000; font:10pt; text-align: justify; margin-top: 10px; margin-bottom: 10px; text-indent: 10px; margin-left: 10px; margin-right: 10px" }

ora necessito, nella stessa pagina, di creare due tipologie di link (colore e tipo testo diverso) ... come devo fare?

grazie
mir

**carlomarangoni** · 21-08-2011, 16:54

codice:

#link1:link { text-decoration: none; color: #FFFFFF;
#link1:visited { font: 10pt Arial, Helvetica, sans-serif; text-decoration: none; color: #000033; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#link1:hover, #link1:active { text-decoration: none; color: #0066CC; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
p { font-family: Arial, Helvetica, sans-serif; color: #000000; font:10pt; text-align: justify; margin-top: 10px; margin-bottom: 10px; text-indent: 10px; margin-left: 10px; margin-right: 10px" }

#link2:link { text-decoration: none; color: #FFFFFF;
#link2:visited { font: 10pt Arial, Helvetica, sans-serif; text-decoration: none; color: #000033; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#link2:hover, #link2:active { text-decoration: none; color: #0066CC; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
p { font-family: Arial, Helvetica, sans-serif; color: #000000; font:10pt; text-align: justify; margin-top: 10px; margin-bottom: 10px; text-indent: 10px; margin-left: 10px; margin-right: 10px" }

**Mir** · 21-08-2011, 22:27

grazie ... ma ora come decido nel html quale usare?

cioè un link mi appare così nel codice:
torna su</td>

come decido che sia #link1 o #link2?

grazie
mir

**Mir** · 21-08-2011, 22:51

il css ora lo ho settato così:

codice:

a:link {text-decoration: none;color: #FFFFFF;
a:visited {	font: 10pt Arial, Helvetica, sans-serif; 	text-decoration: none; 	color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	}
a:hover, a:active {	text-decoration: none;	color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	}


#link1:link { text-decoration: none; color: #FF0000; 
#link1:visited { font: 10pt Arial, Helvetica, sans-serif; text-decoration: none; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#link1:hover, #link1:active { text-decoration: none; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

#link2:link { text-decoration: none; color: #0066FF;
#link2:visited { font: 10pt Arial, Helvetica, sans-serif; text-decoration: none; color: #0066FF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#link2:hover, #link2:active { text-decoration: none; color: #0066FF; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

p { font-family: Arial, Helvetica, sans-serif; color: #000000; font:10pt; text-align: justify; margin-top: 10px; margin-bottom: 10px; text-indent: 10px; margin-left: 10px; margin-right: 10px; }

**Mir** · 24-08-2011, 22:59

nessuno sa darmi un aiuto ... cosa devo scrivere nell'html in questo caso:

www.prova.it (settato con #link1)
www.prova2.it (settato con #link2)

grazie
mir

**Mir** · 27-08-2011, 11:46

Semplifico al massimo il problema:

<style type="text/css">
aaa:link { color: #FFFFFF; font-weight: bold;}
bbb:link { color: #000000; font-weight: bold;}
</style>

<body>

ciao</p>

ciao2</p>
</body>

come passo lo style aaa a www.uno.it bbb a www.due?

molte grazie
mir

**Mir** · 27-08-2011, 11:59

trovata soluzione qui:
http://www.web-link.it/css/7link.htm

Discussione: formatazione diversa per due link

Strumenti discussione

Ricerca discussione

Visualizza

formatazione diversa per due link

Permessi di invio