Foros del Web » Creando para Internet » CSS »

Problema con header

Estas en el tema de Problema con header en el foro de CSS en Foros del Web. Hola, como están? les comento mi problema. En mi header hay li, y por cada una de estas hay N ul, a modo de ejemplo, ...
  #1 (permalink)  
Antiguo 13/04/2016, 05:00
ilu7ionHD
Invitado
 
Mensajes: n/a
Puntos:
Problema con header

Hola, como están? les comento mi problema.
En mi header hay li, y por cada una de estas hay N ul, a modo de ejemplo, dejaré el siguiente código:

Código PHP:
Ver original
  1. <li><a href=#" class="btn_menu">Mi perfil</a>
  2.                            <ul>
  3.                                 <li><a href="X4.php" class="btn_submenu">VER X4</a> </li>
  4.                                 <li><a href="X3.php" class="btn_submenu">VER X3</a> </li>
  5.                                 <li><a href="X2.php" class="btn_submenu">VER X2</a> </li>
  6.                                 <li><a href="X.php" class="btn_submenu">VER X</a> </li>
  7.                             </ul>
  8.                         </li>

Posteriormente incluyo este header en mis paginas PHP.
Código PHP:
Ver original
  1. include 'mi_header.php';

El problema es que la SUB-LISTA sobresale del menú y cuando quiero seleccionar un item no te deja, solo aquellos que se encuntran dentro del menú?.
¿Como se puede solucionar este problema?
Otra cosa que resulta molesta es el espaciado entre las palabras (de alto) por ejemplo queda de la siguiente forma:
Lista de


usuarios


  #2 (permalink)  
Antiguo 15/04/2016, 02:03
 
Fecha de Ingreso: enero-2010
Mensajes: 63
Antigüedad: 14 años, 3 meses
Puntos: 7
Respuesta: Problema con header

Hola.

Viendo un poco lo que dices, entiendo que el submenu lo quieres de la misma forma que el menu.

Has controlado el submenu con css?. Ten en cuenta que los elementos eredan al padre, asique si has puesto ul { margin-bottom:10px;} el segundo ul hara lo mismo.

Te recomiendo que analices esto.
Código HTML:
ul { 
      margin-bottom:10px;
      padding:0
}
  ul li {}
      ul ul {
      /*hereda margin-bottom:10px; padding:0*/
      margin-bottom:5px /*Ya le cambiamos a 5*/
      }
         ul ul li {}
Espero que te sirva.
__________________
Manz Soluciones On/Off

Etiquetas: header
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:30.