Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502

    [CSS]Comportamento anomalo

    Ho settato certe impostazioni per dei link in css

    Mi accade una cosa strana però, se il link è una pagina con formato .htm, lo stile non viene applicato, se è in formato .html invece si.

    :master:

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    improbabile dipenda da quello

    piuttosto, le pseudoclassi sono in ordine corretto?
    a:link {...}
    a:visited {...}
    a:hover {...}
    a:active {...}

    se insiste posta la pagina

  3. #3
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Posto il file css e dimmi se è sbagliato:

    codice:
    body
    {
     background:#FFFFFF;
     color:#000000;
    }
    a:link
    {
     color:#000000;
     text-decoration : none;
     font-weight : bold;
    }
    a:hover
    {
     background-color:#CC0000;
     color:#FFFFFF;
     text-decoration : none;
     font-weight : bold;
    }
    a:hover.google
    {
     background-color:#FFFFFF;
     color:#000000;
     text-decoration : none;
     font-weight : bold;
    }
    a:active
    {
     background-color:#FF0000;
     color:#FFFFFF;
     text-decoration : none;
     font-weight : bold;
    }
    a:active.google
    {
     background-color:#FFFFFF;
     color:#000000;
     text-decoration : none;
     font-weight : bold;
    }
    table
    {
     display:inline;
    }

  4. #4
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Un altro problema:

    Cliccando sui link su cui funziona lo stile, una volta cliccato, lo stile scompare pure qui!

  5. #5
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Originariamente inviato da Xinod
    improbabile dipenda da quello

    piuttosto, le pseudoclassi sono in ordine corretto?
    a:link {...}
    a:visited {...}
    a:hover {...}
    a:active {...}

    se insiste posta la pagina


    Con Explorer non ho problemi, li riscontro con Firefox.


    Con Explorer ho problemi invece con le classi, dove ho scritto google

  6. #6
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Per oggi vi do il permesso di chiamarmi cog...


    Non avendo impostato lo stile per i link già visitati, naturalmente appaiono sottolineati e senza grassetto

  7. #7
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    non ho capito se hai risolto tutto, giacchè intanto avevo scritto...

    tag.classe:pseudoclasse, quindi
    a.google:hover

    non hai visited, e non avendo una regola per l' a generico quando il link è già visitato non rientra in nessuno delle altre regole

    al posto della regola per a:link
    codice:
    a:link, a:visited
    {
     color:#000;
     text-decoration : none;
     font-weight : bold;
    }
    puoi risparmiare anche qualcosina: questo dovrebbe essere identico ma + compatto
    codice:
    a {
     text-decoration:none;
     font-weight:bold;
     color:#000;
    }
    a:hover {
     background-color:#c00;
     color:#fff;
    }
    a:active {
     background-color:#f00;
     color:#fff;
    }
    a.google:hover, a.google:active {
     background-color:#fff;
     color:#000;
    }
    ciao :)

  8. #8
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Originariamente inviato da Xinod
    non ho capito se hai risolto tutto, giacchè intanto avevo scritto...

    tag.classeseudoclasse, quindi
    a.google:hover

    non hai visited, e non avendo una regola per l' a generico quando il link è già visitato non rientra in nessuno delle altre regole

    al posto della regola per a:link
    codice:
    a:link, a:visited
    {
     color:#000;
     text-decoration : none;
     font-weight : bold;
    }
    puoi risparmiare anche qualcosina: questo dovrebbe essere identico ma + compatto
    codice:
    a {
     text-decoration:none;
     font-weight:bold;
     color:#000;
    }
    a:hover {
     background-color:#c00;
     color:#fff;
    }
    a:active {
     background-color:#f00;
     color:#fff;
    }
    a.google:hover, a.google:active {
     background-color:#fff;
     color:#000;
    }
    ciao

    grazie del chiarimento

  9. #9
    Utente di HTML.it L'avatar di matrics
    Registrato dal
    Jul 2004
    Messaggi
    502
    Non sapevo si potessero mettere anche solo 3 cifre quando le coppie sono uguali


    Grazie

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.