Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: Link con css

  1. #1
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870

    Link con css

    se ho due voci di menù una bianca ed una nera e voglio dargli l'effetto over "underline" dello stesso colore della scritta cosa devo scrivere nel file css?

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Link con css

    dovresti creare 2 classi, distinte e separate, in questo modo:
    .bianca a, .bianca a:visited{
    color:#fff;
    text-decoration:none;
    }
    .bianca a:hover{
    text-decoration:underline;
    }

    e la applichi al testo che vuoi rendere linkabile di colore bianco.
    Stessa cosa al testo di colore nero.
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870

    link css

    Ho fatto sia così che facendo un file css e linkandolo a questo ma non mi funziona...

    <style type="text/css">
    .bianca a{
    color: #FFFFFF;
    text-decoration:none;
    }
    .bianca a:hover{
    text-decoration:underline;
    }
    .bianca a:visited{
    color: #FFFFFF;
    text-decoration:none;
    }
    </style>
    </head>

    <body>
    <table width="780" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td bordercolor="#FF0000" bgcolor="#FF0000">toni</td>
    <td bordercolor="#FF0000" bgcolor="#FF0000">nando</td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>

  4. #4
    Utente di HTML.it L'avatar di jesus
    Registrato dal
    Jan 2002
    Messaggi
    717
    codice:
    a.bianca {
      color: #FFFFFF;
      text-decoration:none;
    }
    a.bianca:hover {
      text-decoration:underline;
    }
    a.bianca:visited {
      color: #FFFFFF;
      text-decoration:none;
    }
    <%= Jesus %>
    "Non hai veramente capito qualcosa fino a quando non sei in grado di spiegarlo a tua nonna" - Albert Einstein.

  5. #5
    Utente di HTML.it L'avatar di Alberto
    Registrato dal
    Oct 2004
    Messaggi
    1,870

    link css

    Ora funziona, grazie sei un grande!

  6. #6
    l'ordine corretto è:

    link
    visited
    hover
    active
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    49
    scusatemi se riprendo questa discussione dopo tanto tempo ma ho provato ad applicare i link come sopra ...
    Il problema e' che funziona mettendo solo link e hover..
    Se aggiungo anche l'opzione visited viene ignorato il link

    A.pro{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color:#ffffff;
    }

    A.pro:visited{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color:#602817;
    }

    A.pro:hover{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color:#D9AA07;
    }

    Riassumendo..tutto ok con link e hover..aggiungendo visited il link non ancora visitato non appare con il colore bianco ma con il colore impostato con visited...perchè? GRAZIE

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Forse perche` lo hai visitato qualche volta in passato (e il browser se lo ricorda).
    Prova a cancellare tutta la cache del browser, oppure inventa un link nuovo.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  9. #9
    sicuro che non sia visitato? per provare cambia completamente link, cioè mettine anche uno inesistente così sei sicuro che non sia visitato

    sono arrivato due
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  10. #10
    Utente di HTML.it
    Registrato dal
    Mar 2004
    Messaggi
    49
    Sicurissima...e' un link inesistente di prova

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.