Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    56

    link e menu - stati del mouse.

    Salve a tutti, volevo un'informazione sui link. devo realizzare un menu che al passaggio del mouse diventa sottolineato. E fin qui ci siamo. Ho impostato gli stati A:link, a:visited su text-decoration none mentre gli stati a:hover e a:active su underline.
    Quello che volevo sapere è come far restare sottolineato solo quello cliccato per tutto il tempo che visito la pagina specifica e che quando cambio pagina resti sottolineato solo il testo relativo alla seconda pagina.
    faccio un esempio nel caso in cui non fossi stata chiara.
    ho tre link : pagina 1, pagina 2, pagina 3.
    Hanno tutte e tre il link. Quando passo sopra col mouse il testo si sottolinea, ma quando mi allontano ritorna senza sottolineatura. Mettiamo che clicco su pagina 2, vorrei a questo punto, che il testo "pagina 2" resti sottolineato per tutto il tempo che ne leggo il contenuto. Dopo clicco su pagina 1, a questo punto vorrei che restasse sottolineato solo pagina 1 e non più pagina 2 che ritornerebbe ad essere pulito.

    Ringrazio tutti coloro che possono aiutarmi. E' anche un po' urgente.
    Grazie

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    definisci una classe che applicata alla voce di menu la renda sottolineata
    poi, in ciascuna pagina, associa la classe alla voce di menu corrente

    se hai tre pagine puoi scrivere la classe di volta in volta, ma al crescere del numero di pagine considera di usare inclusioni lato server del menu in modo da automatizzare il meccanismo di selezione
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2007
    Messaggi
    56

    RE

    quindi io ho i miei stati ed ho per es., in maniera molto sintetica,:

    .txt {
    text-decoration: none;
    color: #333333;
    }
    .txt a:link {
    text-decoration: none;
    color: #333333;
    }
    .txt a:visited {
    text-decoration: none;
    color: #333333;
    }
    .txt a:hover {
    text-decoration: underline;
    color: #333333;
    }
    .txt a:active {
    text-decoration: underline;
    color: #333333;
    }

    la classe che dovrei definire per lo stato hover come sarebbe?

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    2,620
    usi già una classe di nome txt per i link?

  5. #5

    Re: RE

    Originariamente inviato da fit

    la classe che dovrei definire per lo stato hover come sarebbe?
    Se capisco bene quello che intendi non devi modificare lo stato hover, ma come diceva fcaldera creare una classe diversa da associare al link nelle pagine "attive", esempio:

    .txt_active a:link {
    text-decoration: underline;
    }

    Ad esempio su pagina 2 associerai questa classe al link che punta a pagina 2 (e che vuoi che resti sottolineato), mentre tutti gli altri avranno la classe generica.

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.