Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema con sottomenu e hover

    In un sito sto realizzando un menu che per alcune voci presenti un sottomenu che appare quando il mouse passa sulla voce principale. Il menu é realizzato con una lista che contiene un'ulteriore lista (il sottomenu)
    Ad esempio la voce "Articoli" del menu principale contiene il sottomenu composto da "Articolo A" e "Articolo B'.
    Il codice che utilizzo é:
    codice:
    #menu_header ul a {display:block; background:#coloreNonHover}
    #menu_header ul a:hover {background:#coloreHover}
    #menu_header li {float:left; list-style-type:none}
    #menu_header li ul a:hover {background:#coloreHover}
    #menu_header li ul {display:none}
    #menu_header li:hover ul {display:block; position:absolute; z-index:1; width:200px}
    #menu_header a {background:#coloreNonHover; display:block; width:106px}
    #menu_header a:hover {background:#coloreHover}
    Il problema é che quando il mouse passa ad esempio su "Articolo B" il link "Articoli" torna definito come link non attivo, quindi con lo sfondo #coloreNonHover. Vorrei invece che assumesse lo sfondo #coloreHover in modo da far capire che si tratta della voce principale collegata al sottomenu.
    É possibile ottenere questo effetto?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    potrebbe essere
    #menu_header a:hover, #menu_header li:hover > a {background:#coloreHover}

    se non va posta anche l' xhtml interessato

  3. #3
    Ottimo! La soluzione che mi hai suggerito funziona perfettamente
    Grazie mille

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.