Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Problema a:hover

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    48

    Problema a:hover

    salve a tutti,
    ho un problema con l'hover dei link.

    all'inizio del mio CSS ho messo:
    a:link {text-decoration: none; color: black;}
    a:hover {text-decoration: none; color: #FF5000;}
    a:visited {text-decoration: none; color: black;}

    il problema è che un link della pagina diventa arancione, l'altro no.
    purtroppo non ho scritto io il file CSS, ho solo modificato una cosa già fatta, ma non mi sembra che altri comandi CSS annullino quella che dovrebbe essere la regola generale per i link.
    cosa può essere? la pagina è: http://pix2vector.it/Perche.php
    in alto a destra il link "Come funziona?" diventa arancione quando ci passo sopra col mouse, mentre il link in basso "Cosa aspetti? Procedi subito all'acquisto" resta nero.

    Grazie

  2. #2
    Sì invece, a riga 8 del file css, quella regola è più specifica di quella che hai definito tu.
    Togli dall'html il bold a quel link, oppure togli quella regola.

  3. #3
    Utente di HTML.it L'avatar di marty89
    Registrato dal
    Apr 2011
    Messaggi
    107
    Ciao, la differenza tra i due link è che nel secondo (quello in basso alla pagina) la scritta è racchiusa tra i tag [b] al quale nel css viene dato il colore nero che sovrascrive quello arancione delle <a>.
    Puoi quindi risolvere il problema in vari modi: o togli, dal codice html, i tag [b] dalla scritta interna al link, oppure nel css togli o modifichi la proprietà "* b" che attribuisce il colore nero, dipende dalle tue esigenze.
    Spero di esserti stata di aiuto.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    48
    grazie delle risposte. però ho provato a togliere il tag [b] e non è cambiato niente...
    ho anche guardato le proprietà del div che contiene il secondo link, ma non mi sembra che ci siano indicazioni sul colore.
    cosa può essere?

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2010
    Messaggi
    48
    ho risolto mettendo:
    #spiega a:hover{
    color:#ff5000;
    }
    dove spiega è il div che contiene il testo dove non funzionava.
    grazie per avermi "illuminato". sui CSS non so molto ma nei prossimi mesi ho l'occasione di approfondire

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.