editar diseño menú desplegable
-
Hola,
Estoy intentando editar los menús desplegables de mi pagina y no lo consigo. He conseguido que d’entrada se vea como quiero, literalmente (con otro estilo de letra) así:
titulo estudio
proyectos
contactopero a partir de aqui las paginas que cuelgan de estas principales no consigo que se descuelgen así:
titulo estudio proyecto 1
proyectos proyecto 2
contacto proyecto 3Es decir que se descuelguen aliniadas con la mas alta de las principales, a la derecha, y que se abran cuano apriete proyectos, y no cuando pase por encima de proyectos con el cursor (es lo que me hace ahora).
Me gustaria que hiciera esto con todas las subsubpaginas.
No se si existe algun plugin que pueda servirme para esto.
el código de submenú es este./*1st sub level menu*/ .menu-wrapper ul li ul{ padding-top: 9px; padding-bottom: 9px; position: absolute; left: 100px; visibility: hidden; display: none; /*collapse all sub menus to begin with*/ border: 1px #222 solid; } /*Sub level menu list items (undo style from Top level List Items)*/ .menu-wrapper ul li ul li{ text-align:left; display: list-item; /*border-left: 1px #555 solid;*/ float: none; } .menu-wrapper ul li ul li a{ color: #a5a5a5; border-bottom: 0px; margin-top: 0px; } .menu-wrapper ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ /*background: #ababab;*/ color: #eee; border-bottom: 0px; } .menu-wrapper ul li ul li a:link , .menu-wrapper ul li ul li a:visited { /*background: #ababab;*/ color: #eee; border-bottom: 0px; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .menu-wrapper ul li ul li ul{ top: 0; border-left: 1px #666 solid; } /* Sub level menu links style */ .menu-wrapper ul li ul li a{ padding: 0px 0px 0px 15px; font-size: 12px; overflow: hidden; letter-spacing: 0px; } .menu-wrapper ul li ul li a{ padding-top: 9px; padding-bottom: 9px; }
- El debate ‘editar diseño menú desplegable’ está cerrado a nuevas respuestas.