Visualizzazione risultati 1 fino 8 di 8

Discussione: a:link, a:visited in conflitto fra di loro

  1. #1
    Guest

    Predefinito

    ho bisogno di inserire due link nella pagina, e voglio che siano di colori diversi. però quando inserisco
    .linkuno a:hover {color: #FF8000;text-decoration:underline;}
    .linkuno a:visited{color: #00FFFF;}
    .linkdue a:hover {color: #FF0000;text-decoration:underline;}
    .linkdue a:visited{color: #FFFF80;}
    il css fa confusione, cioè ad esempio se passo con il mouse sopra al linkuno nn me lo colora, se tolgo l'a:visited sì. Non si può mettere due a:visited in una stessa pagina

  2. #2
    Guest

    Predefinito

    Sì che si può...il codice da inserire in head è di questo tipo:

    [code:1:fda3db497d]a.stile1:link, a.stile1:visited, a.stile1:active { color: red; text-decoration: none; font-size: xx-small; font-weight: bold; }
    a.stile1:hover { text-decoration: underline overline; }
    a.stile2:link, a.stile2:visited, a.stile2:active { color: #FFFF33; text-decoration: none; font-size: x-small; }
    a.stile2:hover { text-decoration: underline overline; }[/code:1:fda3db497d]

    Poi ovviamente all'interno di ogni link devi inserire:

    [code:1:fda3db497d]<a href="ciao.html" class="stile1">LINK</a>[/code:1:fda3db497d]

    OK?

  3. #3
    Guest

    Predefinito

    Ho provato a fare così, ma c'è ancora il solito problema, ho controllato e ricontrollato e nn capisco perchè. In pratica mi disegna i link correttamente, e quando il mouse passa sopra di essi cambiano colore e "decoration". Una volta visitati prendono il font descritto, ma l'hover nn fa + effetto (rimangono dello stesso colore, e la "decoration" nn cambia)
    Nn riesco a capire dove sbaglio...
    Ho copiato i parametri che ho inserito nel css...

    a.link_menu:hover {color: #FFFF00;text-decoration:underline;}
    a.link_menu:link, a.link_menu:visited
    {
    color: #2D96FF;
    font-family:"Arial";
    font-size:8pt;
    text-decoration:none;
    font-weight:bold;
    }

  4. #4
    L'avatar di gve
    gve
    gve non è connesso Utente storico
    Data registrazione
    26-01-2003
    Residenza
    Brescia
    Messaggi
    2,964

    Predefinito

    Il tuo problema è che queste pseudo clasii, per funzionare come si deve, devono rispettare un certo ordine, e cioè:

    :link
    :visited
    :hover
    :active


    riordinali tutti e vedrai che funge ;)
    | Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |

    GVE = GVE Virtual Extension
    AVCM #: 6637

  5. #5
    Guest

    Predefinito

    grande!! funziona perfettamente... grazie!
    ti secca se ti chiedo ancora una cosa? volevo solo sapere se a{ } può avere proprietà come margin-top e simili, e se sì qual è la corretta scrittura, xkè x ora ho provato ma nn ci riesco . grazie ancora! ciao!

  6. #6
    L'avatar di gve
    gve
    gve non è connesso Utente storico
    Data registrazione
    26-01-2003
    Residenza
    Brescia
    Messaggi
    2,964

    Predefinito

    No, <a> non ha margini in quanto è un oggetto in linea, non un blocco (per capire meglio, cerca in-line e block element nel manuale che trovi su http://www.w3.org/). Anche <span> non ha margini. Margini li possono avere tra gli aaltri <div>, <table>, <p> in quanto generano un blocco di contenuti.
    | Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |

    GVE = GVE Virtual Extension
    AVCM #: 6637

  7. #7
    aeclanum non è connesso Utente
    Data registrazione
    25-03-2003
    Messaggi
    210

    Predefinito

    Ma un elemento si può rendere un blocco dicendoglielo!
    con il css: display:block;
    e poi gli si danno i margini ecc.

  8. #8
    L'avatar di gve
    gve
    gve non è connesso Utente storico
    Data registrazione
    26-01-2003
    Residenza
    Brescia
    Messaggi
    2,964

    Predefinito

    Citazione Originalmente inviato da aeclanum
    Ma un elemento si può rendere un blocco dicendoglielo!
    con il css: display:block;
    e poi gli si danno i margini ecc.
    Secondo me non è una buona idea trasformare così gli elementi, meglio inserirli in un <div>, che è già un blocco generico.

    Però sono solo opinioni ...
    | Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |

    GVE = GVE Virtual Extension
    AVCM #: 6637

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •