Visualizzazione dei risultati da 1 a 9 su 9

Discussione: Problema stile menu

  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Problema stile menu

    Ho un menu multilivello di questo tipo:

    codice:
    <div id="navMenu">
    <ul>[*]ZIO PAPERONE[*]PAPERINO
                                      <ul id="ssm">[*]C1[*]C2[*]C4[*]C5[*]C7[/list]
    [*]Pippo Pippo[/list]
    </div>
    ovviamente il sottomenu prende gli stili ul li a ecc... da #navMenu. Vorrei però che i li del sottomenu #ssm fosssero di colore diverso,ma non riesco a trovare la "formula" adatta.
    codice:
     ul#ssm li a{
    background-color:#00FF00
    }
    come scritto sopra non funziona.

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    #ssm li{
    color: blablabla
    }

    Cosi non va?

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Purtroppo no! Tnx cmq!

  4. #4
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    #ssm ul li{
    color: blablabla
    }


    ???

  5. #5
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Nemmeno
    A questo punto penso ad un conflitto di stili... gli altri che ho definito sono:

    #navMenu ul
    #navMenu
    #navMenu li
    #navMenu li a:link, #navMenu li a:visited
    #navMenu li a:hover

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Prova a definire stili per:
    #navMenu li li a:link, #navMenu li li a:visited
    #navMenu li li a:hover

    oppure per:
    #ssm a
    #ssm a:hover

    Pero` fa' attenzione ad inserire tali definizioni DOPO quelle gia` inserite, altrimenti gli stili per il sottomenu vengono ridefiniti dagli stili per il menu esterno
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    San Mitch_!!!
    #navMenu li li a:link, #navMenu li li a:visited è la mia soluzione
    Grazie mille!

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Originariamente inviato da Mich_
    Prova a definire stili per:
    #navMenu li li a:link, #navMenu li li a:visited
    #navMenu li li a:hover

    oppure per:
    #ssm a
    #ssm a:hover

    Pero` fa' attenzione ad inserire tali definizioni DOPO quelle gia` inserite, altrimenti gli stili per il sottomenu vengono ridefiniti dagli stili per il menu esterno
    Mi spieghi i due li di seguito???
    Non ci ho capito molto...

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da TheBestNeo
    Mi spieghi i due li di seguito???
    Non ci ho capito molto...
    Rivedi il capitolo "selettori" del tuo tutorial CSS preferito (o vedi quello di HTML.it).
    Lo spazio nei selettori significa "dipendenza (non necessariamente diretta)". Quindi
    li <spazio> li
    vuol dire: il li contenuto in un altro li.

    E di conseguenza
    #navMenu <spazio> li <spazio> li <spazio> a
    serve per dare lo stile al tag <a>, contenuto in un[*] a sua volta contenuto in un altro[*] che sta dentro un oggetto che ha id="navMenu"
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.