Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Colore link/testo

  1. #1

    Colore link/testo

    ciao ragazzi

    scusate la banalità della mia domanda, ma non riesco a trovare la soluzione...

    sito in html, gestito con CSS per i contenuti testuali.
    il menu prevede 5 voci (e relativi link)

    di default il link è così:

    codice:
    A:LINK    {text-decoration : none; color: #6d6e71}
    quando ci passa sopra il mouse è così:

    codice:
    A:HOVER   {text-decoration: none; color: #2A447E}
    mentre quando è visitato è:

    codice:
    A:VISITED {text-decoration : none; color: #6d6e71}
    avrei l'esigenza di far questo:
    ho il link pippo che mi rimanda a pippo.html
    lo seleziono e quindi visualizzo pippo.html.
    durante la visualizzazione della pagina pippo, il relativo link presente nel menu deve rimanere dello stesso colore impostato i A:HOVER.
    ovviamente se clicco su pluto, pippo ritorna a A:VISITED (uguale a A:LINK) e pluto (che ne sto visualizzando il contenuto) rimane del colore di A:HOVER.

    devo forse usare A:ACTIVE ?
    mi potete aiutare?

    grazie

  2. #2
    :active è la pseudoclasse che imposta le caratteristiche di un link quando lo rendi "attivo", ovvero ci clicchi sopra. Se quello che ho capito è giusto, a te servirebbe una classe "apposita" per formattare un link a seconda della pagina in cui si trova. Una cosa che si usa di solito anche per i menu orizzontali visualizzati come "schede", in cui una scheda ha per es. lo sfondo di un altro colore rispetto alle altre a seconda della pagina in cui ci si trova.
    Se è così, devi impostare una nuova classe, come ad es.

    codice:
    .pagcorrente {
    text-decoration: none;
    color: #2A447E;
    }
    Quando clicchi sul link "pippo", ti si apre la pagina pippo.html che al suo interno deve avere associata questa classe al solo link "pippo".

    Una precisazione: per funzionare correttamente, le pseudoclassi per i link devono essere indicate nel CSS in un ordine ben preciso, ovvero:

    a:link
    a:visited
    a:hover
    a:focus
    a:active

  3. #3
    OK, grazie.

    sei stato chiarissimo ed hai centrato appieno il punto della mia questione.

  4. #4

  5. #5
    Ai fini della validazione sì...codice XHTML e CSS tutto in minuscolo (con l'eccezione facoltativa dei codici dei colori).

  6. #6

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.