Ciao ragazzi, sul mio sito, www.hswportal.it, vorrei che le sottosezioni spuntasero, a tendina, già nella home page, invece che dopo aver cliccato sulla sezione contenente una sotto sezione.
Sto facendo le prove con la sezione "Telefonia"
Ho aggiunto la sotto sezione "Android"
Ma vorrei che al passaggio del mouse, su ogni pagina, dalla sezione telefonia scendesse la tendina, ed invece accade solo dopo avergli cliccato su.
Mi aiutate?
Non so sinceramente se è un problema di css o php!
codice:<!DOCTYPE HTML> <html lang="it-it" dir="ltr"> <head> <title>HSW Portal - Telefonia</title> <style> body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; } div#menu-container { background: #225180; display: block; position:absolute; } ul.menu { list-style-type:none; position: relative; z-index: 597; width:auto; } ul.menu li { width:auto; float: left; margin:0px 10px 10px 10px; } ul.menu li a:hover{ background-color: #193e62; position: relative; z-index: 599; } a:link, a:visited { text-decoration: none; color: white; text-shadow: 0px 1px 0px red; } ul.drop { list-style-type: none; position:absolute; background: #225180; visibility: hidden; margin: 0px; padding:0px; } ul.drop li { left: 0; position:relative; float: none; background: #225180; } ul.menu li.down:hover > ul.drop { visibility:visible; } </style> </head> <body> <div id="menu-container"> <nav id="menu"> <ul class="menu"> [*]Home [*]Linux/Unix [*]Microsoft/Windows [*]Apple/Mac [*]Hardware [*]Software [*]Internet [*]Programmazione <li class="down">Telefonia <ul class="drop"> [*]Android [*]iOS [*]Symbian [/list] [*]Videogames [/list] </nav> </div> </body> </html>
Permessi di invio
Rispondi quotando