none
Sub menu en HTML RRS feed

  • Pregunta

  • Buenas tardes foro mi duda es a siguiente y no tiene nada que ver con programacion, es html:

    TENGO EL SIGUIENTE CODIGO

    <li class="list"><a href="">Articulos</a>
             <ul class="nav-sub"  style="left: 0px; top: 48px; width: 220px;">
             <li style="width: 220px"><a href=""style="width: 200px">Consulta Masiva de Articulos</a></li>
                      <li style="width: 220px"><a href=""style="width: 200px">Consulta Masiva de Articulos</a>
                      <ul class="nav-sub"  style="left: 0px; top: 48px; width: 220px;">
                      <li style="width: 220px"><a href=""style="width: 200px">Consulta Masiva de Articulos</a></li>
                      </ul>
                      </li>
             </ul>
           </li>

    con sus css correspondiente y me muestra el siguiente resultado:

    como se daran cuenta el submenu me aparece abajo y quiero lograr que aparezca a lado derecho

    lunes, 24 de agosto de 2015 18:53

Todas las respuestas

  • <li class="list"><a href="">Consulta masiva de Articulos</a>

    <li class/>

    has esto

    • Propuesto como respuesta monkeeneitor lunes, 24 de agosto de 2015 20:55
    lunes, 24 de agosto de 2015 20:55
  • estos son los estilos que tengo para el menu

    ul.nav-sub {


    padding:10px;



    background: #353535 url(images/dropdown-list-bg.gif) repeat-x left top;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-
    }


    ul.nav-sub li {
    list-style:none;
    display:block;
    padding: 0;
    height: 27px;
    float: none;
    width:145px;
    border-bottom: 1px solid #5a5a5a;
    background: none;
    }

    ul.nav-sub li a {
    list-style:none;
    display:block;
    padding: 6px 5px 6px 5px;
    height: 15px;
    float: none;
    width:145px;
    background: none;
    font: 12px Arial, Helvetica, sans-serif;
    }

     lo que quiero es que me aparezca a la derecha y me lo sigue moestrando abajo

    martes, 25 de agosto de 2015 16:11
  • Puedes hacerlo con posiciones absolutas. Si los submenús van a medir siempre lo mismo, por ejemplo 220px, puedes hacer que el segundo nivel tenga posición absoluta y la posición respecto a la izquierda se desplace el tamaño del sub menú. Por ejemplo:

    .list > ul {

      position : absolute;

    }

    .list > ul > li > ul {

     position : absolute ;

    left:215px

    }
    domingo, 30 de agosto de 2015 21:00