.dsy:it. - [css] Fogli di Stile

.dsy:it. (http://www.dsy.it/forum/)
- Tech (http://www.dsy.it/forum/forumdisplay.php?forumid=189)
-- [css] Fogli di Stile (http://www.dsy.it/forum/showthread.php?threadid=20361)

Posted by publi on 23-06-2005 15:40:

[css] Fogli di Stile

Ma non è possibile avere piu di uno stile per i link? Nel senso, ho questo per tutti i link:

PHP:


A:link          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A:active        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A:visited       {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

A:hover         {BACKGROUND: none; COLOR: #666666; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

e ne vorrei creare un altro per dei link diciamo speciali, tipo:

PHP:


.special A:link          {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

.special A:active        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

.special A:visited       {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

.special A:hover         {BACKGROUND: none; COLOR: #666666; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}

Ma lo special non me lo tiene conto, perchè?

__________________
Acchiappasogni

Posted by 0m4r on 23-06-2005 15:53:

Re: [css] Fogli di Stile

Prova cosi:

PHP:


A.special:link          {...}

A.special:active        {...}

A.special:visited       {...}

A.special:hover         {...}

__________________
http://www.twitter.com/0m4r

Posted by publi on 23-06-2005 16:12:

Ma come classe metto:

PHP:


class="special"

???

Ho provato cosi ma non va!

__________________
Acchiappasogni

Posted by 0m4r on 23-06-2005 16:20:

strano, dovrebbe funzionare, dai cmq un'occhiata qui: http://www.w3schools.com/css/css_pseudo_classes.asp

edit:
fai attenzione che devi posizionare con un certo ordine le pseudoclassi alrimenti non funzionano!!

Anchor Pseudo-classes
A link that is active, visited, unvisited, or when you mouse over a link can all be displayed in different ways in a CSS-supporting browser:

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!

Note: Pseudo-class names are not case-sensitive.

Note: IE 4 and higher supports the anchor pseudo-class. NN 4.5 and Netscape 6 support the anchor pseudo-class only partially.

__________________
http://www.twitter.com/0m4r

Posted by publi on 23-06-2005 19:49:

Ce l'ho fatta... è corretto quello che mi avevi dato tu, sbagliavo io a mettere la class, la mettevo nel <font class="">abc</font> anziche nella <a class="">abc</a>.

Grazie

__________________
Acchiappasogni

Posted by DeepBlue on 23-06-2005 19:56:

se usi i css potresti anche fare a meno del deprecatissimo <font>

__________________
~ get Debian! ~ get FreeBSD! ~ get OpenBSD! ~

Posted by N@RV1 on 23-06-2005 20:05:

una curiosità

hover = "quando gli passo sopra"
active = "quando clicco su"
visited = "quando è già stato visitato!" giusto?! è x questo che vedo sempre lo stile visited e mai lo stile link!? {link = "quando lo vedo!?" }

thx

__________________
.:N@RV!:.

Posted by 0m4r on 23-06-2005 20:19:

link lo vedi quando, appunto, il link non è mai stato cliccato.
Per rimediare basta che cancelli la cronologia, almeno dovrebbe

P.S.
Active: "quando il link è, diciamo, selezionato"

__________________
http://www.twitter.com/0m4r

Posted by N@RV1 on 23-06-2005 20:27:

Originally posted by 0m4r
link lo vedi quando, appunto, il link non è mai stato cliccato.
Per rimediare basta che cancelli la cronologia, almeno dovrebbe

P.S.
Active: "quando il link è, diciamo, selezionato"

ah ecco ... link conviene metterlo uguale a visited .. se no uno dopo che ha visto tutto il sito si ritrova con tutti i link stile visited!

active noto che nel momento in cui tengo premuto si attiva lo stile....(poi se tengo premuto e trascino resta dello stile active altrimenti torna visited ...questa nn lho ben capita!)
thx ciao

__________________
.:N@RV!:.

Posted by 0m4r on 23-06-2005 20:42:

http://www.w3.org/TR/REC-CSS2/selec...-pseudo-classes

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.

__________________
http://www.twitter.com/0m4r

Posted by N@RV1 on 23-06-2005 20:51:

quello che volevo dire io

__________________
.:N@RV!:.

All times are GMT. The time now is 05:13.

Show all 11 posts from this thread on one page