[css] Fogli di Stile
Clicca QUI per vedere il messaggio nel forum |
| publi |
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è? |
| 0m4r |
Prova cosi:
PHP:
A.special:link {...}
A.special:active {...}
A.special:visited {...}
A.special:hover {...}
|
| publi |
Ma come classe metto:
PHP:
class="special"
???
Ho provato cosi ma non va! |
| 0m4r |
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.
|
| publi |
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 :) |
| DeepBlue |
| se usi i css potresti anche fare a meno del deprecatissimo <font> ;) |
| N@RV1 |
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 |
| 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" |
| N@RV1 |
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@RV1 |
| :D quello che volevo dire io :D |
|
|
|
