Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Problema su stile linkato

    Ho questo css:
    codice:
    a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
    a:link a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    
    .lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
    .lin a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    .lin a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    .lin a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
    .lin a:link a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    in pratica gli stili definiti per a generico e lin linkato sono identici a differenza del backgroundcolor sull'hover.

    Ho delle immaginine linkate con sfondo trasparente a cui ho associato la classe lin, ma all'hover anzichè vedere f8c300 come ho impostato vedo fff come per un normale link.


  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Controlla l'ordine dei CSS:
    deve essere ( http://www.w3schools.com/css/css_pseudo_classes.asp ):
    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 */
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Grazie mitch...
    ho sistemato il mio ccs così:
    [CODE]a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    a:link a:visited { font-family: Verdana, Arial, Helvetica, sans-serif}
    a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
    a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }

    .lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
    .lin a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    .lin a:link a:visited { font-family: Verdana, Arial, Helvetica, sans-serif}
    .lin a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
    .lin a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }CODE]

    il problema persiste!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Hai inventato una nuova sintassi?

    quando metti due definizioni sulla stessa riga, devi inserire la virgola e la classe va ripetuta:

    a:link, a:visited { ... }

    ...

    .lin a:link, .lin a:visited { ... }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Ho provato a fare la creativa

    Modificato così:
    codice:
    a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    a:link, a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
    a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    
    .lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
    .lin a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    .lin a:link, .lin a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    .lin a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
    .lin a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    ma qui ho ancora l'hover bianco:

  6. #6
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    Prova cosi:

    codice:
    a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    a:link, a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    a:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #fff;}
    a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    
    .lin {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
    a.lin {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline}
    a.lin:link, a.lin:visited {  font-family: Verdana, Arial, Helvetica, sans-serif}
    a.lin:hover  {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; background-color: #F8C300;}
    a.lin:active {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; }
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  7. #7
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Esatto!!!
    Grazie funziona!

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 © 2026 vBulletin Solutions, Inc. All rights reserved.