Visualizzazione dei risultati da 1 a 6 su 6

Discussione: link e classi

  1. #1

    link e classi

    Ragazzi ho fatto queste classi x i semi selettori, ma praticamente hover non funzione, fa apparire una barra marrone sul link (comportamento che fa correttamente il menu)

    Codice PHP:
    a.dove:link {
        
    font-familyTahomaGenevasans-serif;
        
    font-size14px;
        
    color#373330;
        
    text-decorationnone;    
        }
    a.dove:hover {
        
    font-familyTahomaGenevasans-serif;
        
    font-size14px;
        
    color#373330;
        
    text-decorationnone;    
        }
    a.dove:visited {
        
    font-familyTahomaGenevasans-serif;
        
    font-size14px;
        
    color#373330;
        
    text-decorationnone;    
        }

    a.dove:active {
        
    font-familyTahomaGenevasans-serif;
        
    font-size14px;
        
    color#373330;
        
    text-decorationnone;    
        } 
    GRAZIE in anticipo x le risposte

  2. #2
    metti il css del menù...
    Ciao!

  3. #3
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    interferenze con altri link, che forse puoi risolvere definendo anche a.dove e dando il corretto ordine (hover dopo visited). Puoi avere, semplificando:

    codice:
    a.dove, a.dove:link, a.dove:visited, a.dove:hover, a.dove:active {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #373330;
        text-decoration: none;    
        }
    se i problemi persistono, come ti è stato suggerito, inserisci anche il css del menu e l'html

  4. #4
    stesso probleme
    il css del menu è:

    Codice PHP:
    a:link {
        
    font-family"Edwardian Script ITC";
        
    font-size28px;
        
    color#36322F;
        
    text-decorationnone;
        
    padding-top10px;
        
    padding-right25px;
    }
    a:visited {
        
    font-family:  "Edwardian Script ITC";
        
    font-size28px;
        
    color#36322F;
        
    text-decorationnone;
        
    padding-top10px;
        
    padding-right25px;
        
    }
    a:hover {
        
    font-family:"Edwardian Script ITC";
        
    font-size28px;
        
    color#E6E3DC;
        
    text-decorationnone;
        
    background-color#34302D;
        
    padding-top10px;
        
    padding-right25px;
    }
    a:active {
        
    font-family:"Edwardian Script ITC";
        
    font-size28px;
        
    color#36322F;
        
    text-decorationnone;
        
    padding-top10px;
        
    padding-right25px;



  5. #5
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Poiché hai definito l'elemento, "a" e quindi i link, le sue impostazioni saranno applicate a tutti i collegamenti, a meno che non vengano sovrascritte. Nel tuo codice sui link allo stato hover è previsto uno sfondo colorato, perché non sia applicato anche ai link con classe "dove", in quella dovrai reimpostarlo (lo stesso per il padding). Bene sarebbe perciò creare sempre classi distinte e andare a definire un elemento soltanto con la formattazione comune. Inoltre non c'è bisogno di scrivere nel css tutte le pseudoclassi (link, visited eccetera) se le impostazioni sono le stesse:

    codice:
    a {
        font-family: "Edwardian Script ITC";
        font-size: 28px;
        color: #36322F;
        text-decoration: none;
        padding-top: 10px;
        padding-right: 25px;
    }
    
    a:hover {
        color: #E6E3DC;
        background-color: #34302D;
    }
    
    a.dove {
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;
        color: #373330;
        padding:0;
        }
    a.dove:hover {
        background-color: transparent;
    }

  6. #6
    funziona perfettamente, grazie e sono pienamente d'accordo, troppo codice identico

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.