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

    Colorare il menù attivo con CSS

    Ciao a tutti e spero di scrivere nel posto giusto....


    Sto creando un sito in ASP.NET e il layout lo sto facendo con un CSS.

    Nella MasterPage ho messo un menù:

    codice:
    <div id="navigation">
       <ul>[*]Home[*]Chi siamo[*]I servizi[*]FotoGallery[*]Contatti[/list]
    </div>
    e nel CSS:

    codice:
    div#navigation {
        background-color: #800080;
    }
    
        div#navigation ul {
            padding: 7px;
            margin: 0px;
            list-style-type: none;
        }
    
        div#navigation li {
            padding: 0px;
            margin: 0px 0px 0px 0px;
            display: inline;
        }
    
        div#navigation a:link {
            padding: 2px 15px 2px 15px;
            margin: 0px;
            color: #FFFFFF;
            font-size: 1.2em;
            font-style: normal;
            font-weight: bold;
            text-decoration: none;
        }
    
        div#navigation a:hover {
            padding: 2px 15px 2px 15px;
            margin: 0px;
            color: #800080;
            background-color: #FFFFFF;
        }
    
        div#navigation a.active {
            padding: 2px 15px 2px 15px;
            margin: 0px;
            color: #800080;
            background-color: #FFFFFF;
        }
    però vorrei che non solo quando passo sul menù si attiva il a:hover..... ma vorrei che quando clicco su una voce del menù... questa assuma la a.active


    spero di essermi spiegato bene....
    --- da enryb_89 ---

  2. #2
    Devi aggiungere una classe .active e la assegni alla voce del menu che deve restare attiva
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Magari ho capito male, ma forse devi aggiungere dinamicamente la classe "active" alla voce di menù corrispondente alla pagina corrente. Quindi dalla pagina figlia devi risalire al menù contenuto nella MasterPage e qui aggiungere la classe "active" alla voce appropriata.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Forse è meglio domandare nella sezione adatta, cioè sezione .asp

    Per una bella risata vai QUI

  5. #5
    è giusto quello che dici tu.. partime!!

    Allora... in primis protrei mettere

    HOME
    CONTATTI

    e così avrei la home page visualizzata e nel menù il tasto corrispondente alla HOME colorato di (tipo) rosso....


    ma questa cosa dovrà cambiare dinamicamente al click dell'ultente su una voce del menù


    in pratica dovrei assegnare (da codice?) al link in questione la class="active".


    Grazie mille
    --- da enryb_89 ---

  6. #6
    Originariamente inviato da enryb_89
    è giusto quello che dici tu.. partime!!

    Allora... in primis protrei mettere

    HOME
    CONTATTI

    e così avrei la home page visualizzata e nel menù il tasto corrispondente alla HOME colorato di (tipo) rosso....


    ma questa cosa dovrà cambiare dinamicamente al click dell'ultente su una voce del menù


    in pratica dovrei assegnare (da codice?) al link in questione la class="active".


    Grazie mille
    Esatto.

  7. #7
    Grazie partime... ma come si fa da codice???


    Grazie mille...
    --- da enryb_89 ---

  8. #8
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    Una precisazione, l'attributo per la classe è "class" non "classe"


  9. #9
    Si.. ho sbagliato a scrivere nel messaggio.... ma mi potete rispondere alla domanda??? come si fa da codice???


    Grazie
    --- da enryb_89 ---

  10. #10
    scrivi al moderatore di spostarti la discussione nel forum di ASP

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.