• 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
    contacto

    pero 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 3

    Es 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;
    		}
Viendo 1 respuesta (de un total de 1)
  • Iniciador del debate paskas

    (@paskas)

    ya veo que no se entiende, no me ha hecho los espacios. Lo describo. En 1a columna iria el título, en 2a columna las paginas principales (estudio, proyectos, contacto) en 3a columna las subpaginas, y como digo quisiera que se aliniaran con la mas alta de las principales, a la derecha.
    También quisiera que se desplegaran de forma fija al clicar y no cuando pase por encima el cursor (es lo que me hace ahora).

    gracias.

    Disculpad que sea tan cateto pero es que soy muy nuevo en el tema..:D

Viendo 1 respuesta (de un total de 1)
  • El debate ‘editar diseño menú desplegable’ está cerrado a nuevas respuestas.