Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2003
    Messaggi
    27

    a:hover non funzionante su Firefox e Netscape

    Perchè questo semplice foglio di stile per i link non mi funziona su firefox e Netscape e invece va su IE ?

    a:hover
    {
    color: #47B254;font-family: Arial, Helvetica, sans-serif; font-size: 15px;font-weight: bold;text-decoration: none
    }
    a:link
    {
    color: #AA1A23;font-family: Arial, Helvetica, sans-serif; font-size: 15px;font-weight: bold;text-decoration: none
    }
    a:visited
    {
    color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 15px;font-weight: bold;text-decoration: none
    }

    Non sono molto ferrato con i CSS.
    Il link funziona, viene riconsciuto il tipo di carattere il colore e la dimensione, ma quando si punta sul link non avviene il cambio di colore. Perchè?
    Grazie a chi vuole rispondermi.

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2003
    Messaggi
    27
    Scusate, ho risolto.
    Nel foglio di stile bisogna riportare prima a:link di a:hover.

  3. #3
    Hai sbagliato l'ordine di dichiarazione delle pseudoclassi per i link. Se non le scrivi in un certo ordine nel CSS, le regole che hai specificato per una di esse sovrascrivono quelle che hai indicato per altre. L'ordine corretto in cui le regole delle pseudoclassi per i collegamenti devono sempre comparire è:

    :link
    :visited
    :hover
    :focus
    :active


  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2003
    Messaggi
    27
    Infatti me ne sono accorto solo dopo.
    Grazie per avermi indicato l'ordine corretto.

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    20

    Anch'io..

    Ragazzi, anchio ho dei problemi.. ho cambiato l'ordine ma firefix non me li vede.. con ie nessun problema...
    questo è il css:

    a.1:link {

    border-width: 1px;
    border-style: solid;
    border-color: #888888;
    }
    a.1:visited {

    border-width: 1px;
    border-style: solid;
    border-color: #DE8B09;
    }
    a.1:hover {

    border-width: 1px;
    border-style: solid;
    border-color: #DE8B09;
    }

    a.2:link {
    FONT-SIZE: 10pt; FONT-FAMILY: tahoma; TEXT-DECORATION: none; color:#888888
    }
    a.2:visited {
    FONT-SIZE:10pt; FONT-FAMILY: tahoma; TEXT-DECORATION: none; color:#de8b08
    }

    a.2:hover {
    FONT-SIZE:10pt; FONT-FAMILY: tahoma; TEXT-DECORATION: none; color:#de8b08
    }
    help!! please

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Quel codice presuppone che ci siano dei tag del tipo <a class="1" ...>, <a class="2" ...>

    I nomi 1 e 2 non sono nomi validi: devono iniziare con lettera.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2006
    Messaggi
    20
    Caspita.. stavo impazzendo..grazie mille..
    mi è bastato mettere una lettra al posto del numero..
    al posto di <a class="1" ...> ho messo <a class="a1" ...> e così via..
    tanks

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.