Visualizzazione dei risultati da 1 a 3 su 3

Discussione: maledetti css

  1. #1

    maledetti css

    salve a tutti.. mi sto scervellando aiutatemi vi prego..
    allora questi css:
    .links { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000099; text-decoration: none}
    a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0099FF; text-decoration: none}

    però se applico lo stile "links" a una parola non mi prende anche l'over....
    che cosa c'è che non va???

  2. #2
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    A parte evitare l'uso di pt (punti) per lo schermo in quanto quellesono le impostazioni per le stampanti, è normale che se imposti .link a parte e non per a:hover questo non erediterà da .link

    Il tuo css per funzionare doveva essere:
    codice:
    .links a { 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; 
    color: #000099; 
    text-decoration: none
    }
    .link a:hover { 
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; 
    color: #0099FF; 
    text-decoration: none
    }
    Se li fai così poi puoi:
    codice:
    <p class='link'>
    bo!
    </p>
    e funziona.

  3. #3
    se non sbaglio la sintassi piu' corretta dovrebbe essere:

    a.link:link{
    valori
    }
    a.link:visited{
    valori
    }
    a.link:active{
    valori
    }
    a.link:hover{
    valori
    }

    per far si che la classe hover venga letta devi applicarla ad in link.....

    link

    se lo applichi ad un paragrafo ti legge giustamente solo a.link:link perchè non ha uno stato di hover.....

    se vuoi il testo come in hover crei una classe con i parametri simili e poi la chiami nel p:


    <p class="simile a hover">testo</p>

    Daemons Brugherio American Football Team
    Luca Chirico A.K.A. KIRIKONG or 2K
    LB#2

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.