Vorrei inserire nel mio sito questo menù.
Ma vorrei che il menù si espandesse al click del mouse e non al passaggio.
E' possibile?
Ho fatto varie prove ma non ci sono riuscito.
http://www.cssplay.co.uk/menus/slide_definition.html
Vorrei inserire nel mio sito questo menù.
Ma vorrei che il menù si espandesse al click del mouse e non al passaggio.
E' possibile?
Ho fatto varie prove ma non ci sono riuscito.
http://www.cssplay.co.uk/menus/slide_definition.html
Sono un po' di corsa, cmq prova a sostituire :hover con :active qui
codice:#menu li:hover dd, #menu li a:hover dd {display:block;}
ho provato ma non funziona.
Lo vedi qui: http://www.paesaggioitaliano.eu/prov...provamenu.html
Grazie
Ciao
un aiuto?
Così funziona, ma quando sposti il mouse si richiude. Mi sa che l'unica è usare un menu in javascriptcodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" type="text/css" href="provamenu_files/css_play.htm"> <link rel="stylesheet" media="all" type="text/css" href="provamenu_files/menus.htm"> <style type="text/css"> /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_definition.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ #dlmenu {height:10em;} #menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;} #menu li {display:block; padding:0; margin:0; position:relative; z-index:100;} #menu li a, #menu li a:visited {display:block; text-decoration:none;} #menu li dd {display:none;} #menu li:hover, #menu li a:hover {border:0;} #menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd url(top_grad_2.gif) center center; color:#ff0; } #menu li:active dd, #menu li a:active dd {display:block;} #menu li:active dl, #menu li a:active dl {height:20em; background:#b4be9c url(sub_grad.gif);} #menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;} #menu dl {width: 15em; margin: 0; background: #6f9c6f; cursor:pointer;} #menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;} #menu dd {margin:0; padding:0; font-size: 1em; text-align:left; } .gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c url(top_grad.gif) center center;} .gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#b4be9c url(sub_grad.gif);} * html .gallery dd a, * html .gallery dd a:visited {height:1em;} .gallery dd a:hover {background:#7aa; color:#ff0;} </style></head><body id="www-cssplay-co-uk"> <div id="wrapper"> <div id="header"> <div id="dlmenu"> <ul id="menu">[*] <dl class="gallery"> <dt>DEMOS</dt> <dd>zero dollars</dd> <dd>wrapping text</dd> <dd>styled form</dd> <dd>active focus</dd> <dd>shadow boxing</dd> <dd>image map</dd> <dd>fun with backgrounds</dd> <dd>fade scrolling</dd> <dd>em sized images</dd> </dl> [*] <dl class="gallery"> <dt>MENUS</dt> <dd>spies menu</dd> <dd>vertical menu</dd> <dd>enlarging list</dd> <dd>link images</dd> <dd>non-rectangular links</dd> <dd>jigsaw links</dd> <dd>circular links</dd> </dl> [*] <dl class="gallery"> <dt>LAYOUTS</dt> <dd>Fixed 1</dd> <dd>Fixed 2</dd> <dd>Fixed 3</dd> <dd>Fixed 4</dd> <dd>minimum width for Internet Explorer</dd> </dl> [*] <dl class="gallery"> <dt>MOZILLA</dt> <dd>drop down menu</dd> <dd>cascading menu</dd> <dd>content:</dd> <dd>mozzie box</dd> <dd>rainbow box</dd> <dd>snooker cue made using border art</dd> <dd>target practise</dd> </dl> [/list] </div> </div></div></body></html>
Permessi di invio
Rispondi quotando