Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    221

    [menu verticale] lasciare evidenziata l'ultima voce selezionata

    Ciao, ho un menu verticale che usa i css, vorrei che la sezione del menu che viene cliccata, rimanesse con lo sfondo evidenziato ed il carattere in grassetto. Sapete come si fa?

    Vi posto il codice del file css

    ul.menu1 {
    width:150px;
    list-style:none;
    margin:0; padding:0;
    }
    ul.menu1 li a {
    display:block;
    text-decoration:none;
    padding:0 1em;
    height:2em;line-height:2em;
    }
    ul.menu1 li { display:inline }
    ul.menu1 li a:link, ul.menu1 li a:visited {
    background:#ffffff;
    color: #000000;
    }
    ul.menu1 li a:hover, ul.menu1 li a:active {
    background: #CCCCCC;
    color:#000000;
    }

    e quello che metto nelle pagine html

    <div id="colonna-menu">
    <ul class="menu1">[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[*]xxxxxx[/list]
    </div>


    i codici li ho presi qui
    http://www.constile.org/template/menu_verticali/
    Emiliooo

  2. #2
    Per cliccata tu intendi la sezione corrente? :master:

  3. #3
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087

    Re: [menu verticale] lasciare evidenziata l'ultima voce selezionata

    Originariamente inviato da L'Emilio
    Ciao, ho un menu verticale che usa i css, vorrei che la sezione del menu che viene cliccata, rimanesse con lo sfondo evidenziato ed il carattere in grassetto. Sapete come si fa?
    ......
    anche io non ho capito bene ... anche perchè nel tuo codice ho visto già a:active
    forse quello che cerchi lo ottieni con il javascript, il codice.
    vedi quetso link:
    http://pro.html.it/articoli/id_544/i...pag_1/pag.html
    1° effetto qui: http://pro.html.it/esempio/544/list.html
    2° effetto qui: http://pro.html.it/esempio/544/List2.html

    altrimenti non so cosa dirti.
    ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    221
    si scusate, intendevo la sezione corrente
    Emiliooo

  5. #5
    Tu hai questo CSS:

    codice:
    ul.menu1 { 
    width:150px; 
    list-style:none; 
    margin:0; padding:0; 
    } 
    ul.menu1 li a { 
    display:block; 
    text-decoration:none; 
    padding:0 1em; 
    height:2em;line-height:2em; 
    } 
    ul.menu1 li { display:inline } 
    ul.menu1 li a:link, ul.menu1 li a:visited { 
    background:#ffffff; 
    color: #000000; 
    } 
    ul.menu1 li a:hover, ul.menu1 li a:active { 
    background: #CCCCCC; 
    color:#000000; 
    }
    Basta aggiungere:

    codice:
    ul.menu .corrente a:link,
    ul.menu .corrente a:visited,
    ul.menu .corrente a:hover,
    ul.menu .corrente a:active {
    background: #ffc;
    color: #008;
    font-weight: bold;
    border-bottom: 1px dashed #000;
    }

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    221
    grazie

    nella pagina invece metto questo no?

    <div id="colonna-menu">
    <ul class="menu1">[*]aaaaa[*]<p class="corrente">bbbb[/list]
    </div>


    però in questo modo in ogni pagina devo aggiungere manualmente un class differente per la sezione corrente, invece mi servirebbe un menu uguale per tutte le pagine che riconosca da solo l'ultima sezione cliccata e che la lasci evidenziata, esiste?

    grazie un milione
    Emiliooo

  7. #7
    Non puoi mettere un elemento

    in una lista..... devi applicare la classe all'elemento[*]. Il riconoscimento automatico non puoi farlo con i CSS, ma con un linguaggio di scripting.

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2001
    Messaggi
    221
    ah ok, quindi dove mi consigli di postare?
    Emiliooo

  9. #9
    ----------->>>>>>>>>>Scripting <<<<<<<<<<<-------------------

  10. #10
    intendi una cosa come questa?

    www.openbrain.it

    :master:
    I soldi non fanno la felicità...figuriamoci la miseria!!
    Non so fare una minchia...ma lo faccio molto bene!
    www.openbrain.it

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.