[css] classi e collegamenti

**Inoki** · 16-05-2003, 12:00

Salve.. piccolo quesito sui fogli di stile...

Nel mio foglio di stile io ho delle classi (dovrebbero chiamarsi così)

tipo:

.testo{ font-family: verdana; font-size:9}

ecc ecc

diciamo che io assegno questa classe ad una parte di testo che viene anche linkata, ovviamente mi cambia colore e i viene la sottolineatura...

La domanda è questa, come faccio (se posso) a far in modo che tutti i collegamenti che appartengono a quella classe non devono essere sottolineati?

cioè se io voglio mettere a: {text-decoration:none} all'interno della classe testo, lo posso fare? se Sì come?

Spero di esser stato chiaro...
Saluti a tutti

**kronik** · 16-05-2003, 12:41

<STYLE TYPE="text/css">
.testo{ font-family: verdana; font-size:12}
.testo A { text-decoration:none}
</STYLE>

link
<P CLASS="testo">
link
</P>

**Inoki** · 17-06-2003, 10:47

Originariamente inviato da kronik
<STYLE TYPE="text/css">
.testo{ font-family: verdana; font-size:12}
.testo A { text-decoration:none}
</STYLE>

link
<P CLASS="testo">
link
</P>

codice:

.testo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none }
.testo A { text-decoration:underline}

Questo quanto messo.
Non ottengo l'effetto desiderato, non solo ma vorrei che venisse sottolineato al passaggio del mouse. che debbo fare?

**metalgalle** · 17-06-2003, 11:40

Per l'interattività con il passaggio del mouse devi utilizzare l'attributo HOVER della classe:
EX.

.testo:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
text-decoration: underline;
color: #006600;
font-weight: bold;
}

vale per tutti gli attributi, quindi buon divertimento!

**Inoki** · 17-06-2003, 11:46

Originariamente inviato da metalgalle
Per l'interattività con il passaggio del mouse devi utilizzare l'attributo HOVER della classe:
EX.

.testo:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
text-decoration: underline;
color: #006600;
font-weight: bold;
}

vale per tutti gli attributi, quindi buon divertimento!

Chiaro e limpido...

Ma così, ogni volta che passo sul testo diventerà sottolineato giusto?
Io invece vorrei che solo i collegamenti appartenenti alla classe testo venissero sottolineati al passaggio del mouse...

come posso fare? grazie mille!

**metalgalle** · 17-06-2003, 11:51

Come suggeriva Kronik

codice HTML:

<STYLE TYPE="text/css"> 
.testo{ font-family: verdana; font-size:12; text-decoration:none} 
.testo:hover{text-decoration:underline} 
</STYLE> 


[url="ddd"]link[/url] 
<P CLASS="testo"> 
[url="ddd"]link[/url] 
</P>

Naturalmente questo vale solo x la classe "testo", se vuoi fare in modo che tutti i link abbiano lo stesso stile devi creare un foglio x il tag <A> con gli stessi artifizi di cui sopra.
Solo una piccola postilla: non mi ricordo se una classe dichiarata esplicitamente sovrascriva la classe generica del tag...
Ora provo e ti faccio sapere...
Bye

**metalgalle** · 17-06-2003, 11:55

Ecco il codice provato e rodato!!

codice:

<STYLE TYPE="text/css"> 
.testo{ font-family: verdana; font-size:12; text-decoration:none} 
.testo:hover{text-decoration:underline} 
A{ font-family: verdana; font-size:25; text-decoration:none} 
A:hover{text-decoration:underline} 
</STYLE> 

<body>
link 

link 
</P>
</body>

Vedrai che così ti ci ritrovi...

Ciaux

**Inoki** · 17-06-2003, 11:56

Originariamente inviato da metalgalle
Come suggeriva Kronik

codice HTML:

<STYLE TYPE="text/css"> 
.testo{ font-family: verdana; font-size:12; text-decoration:none} 
.testo:hover{text-decoration:underline} 
</STYLE> 


[url="ddd"]link[/url] 
<P CLASS="testo"> 
[url="ddd"]link[/url] 
</P>

Naturalmente questo vale solo x la classe "testo", se vuoi fare in modo che tutti i link abbiano lo stesso stile devi creare un foglio x il tag <A> con gli stessi artifizi di cui sopra.
Solo una piccola postilla: non mi ricordo se una classe dichiarata esplicitamente sovrascriva la classe generica del tag...
Ora provo e ti faccio sapere...
Bye

Questo è quello che ho fatto:

codice:

.testo { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px; 
		 font-weight: normal; 
		 color: #000000;
                 text-decoration:none 
}
.testo: hover{  font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size: 11px; 
				font-weight: normal; 
				color: #000000; 
				text-decoration:underline
				
}

continua a non sottolinearlo..

**metalgalle** · 17-06-2003, 12:00

Abbi pietà: POSTA LA PAGINA!!!!

**Inoki** · 17-06-2003, 12:04

Originariamente inviato da metalgalle
Abbi pietà: POSTA LA PAGINA!!!!

:quote: :quote:

:metallica Mi funzsiona ora.. ho tolto tutta la ripetizione di font-family ecc ecc praticamente

codice:

.testo { font-family: Verdana, Arial, Helvetica, sans-serif; 
		 font-size: 11px; 
		 font-weight: normal; 
		 color: #000000;
		 text-decoration:none  
}
.testo:hover{ text-decoration:underline}

ed ora funziona!

grazie davvero, e ciao

Discussione: [css] classi e collegamenti

Strumenti discussione

Ricerca discussione

Visualizza

[css] classi e collegamenti

Permessi di invio