Foros del Web » Creando para Internet » HTML »

Menú flexible a diferentes resoluciones

Estas en el tema de Menú flexible a diferentes resoluciones en el foro de HTML en Foros del Web. Hola, Hice una web sencilla, pero tengo un problema con el menú. Al mirar la web en una tablet, desaparece los últimos botones del menú. ...
  #1 (permalink)  
Antiguo 13/01/2016, 12:34
 
Fecha de Ingreso: febrero-2015
Mensajes: 2
Antigüedad: 9 años, 10 meses
Puntos: 0
Menú flexible a diferentes resoluciones

Hola, Hice una web sencilla, pero tengo un problema con el menú.
Al mirar la web en una tablet, desaparece los últimos botones del menú.
Quisiera que el div que contiene la botonera se adapte en alto, como los otros divs, según la resolución de la pantalla.
Ya porbe poniendo Auto y se encima el texto con el div de abajo.
La web es http://www.agro-bibliotecas.org.ar/2016/
Gracias a todos.
  #2 (permalink)  
Antiguo 13/01/2016, 22:47
Avatar de g3kdigital  
Fecha de Ingreso: noviembre-2013
Ubicación: En mi apartamento en bogotá
Mensajes: 208
Antigüedad: 11 años, 1 mes
Puntos: 39
Respuesta: Menú flexible a diferentes resoluciones

Hola, me gustaría ayudarte, pero vamos por pasos porque tienes muchas coas que mejorar.

1.Quita el valor de height a todo lo que tengas, no hace falta. Comienza por el id="encabezado" (que envés de ser un div, con ese id debería ser simplemente una etiqueta header) y id="botonera" (que bien podría ser la etiqueta nav)
2. Veo que usas un div con una clase contenedor por todos lados, esto no es necesario, sobre todo si ya tienes un elemento de grupo contenedor como el UL del menú, simplemente quita ese div y agrega la clase al ul (si quieres).
3. Reduce de tamaño las clases Ej: #botonera .contenedor ul li por #botonera li, lo mismo con #botonera .contenedor ul li a, puedes resumirlo solo a #botonera a. Colocar una clase tan especifica solo te causara problemas de herencias.
4. Al elemento id="botonera" agregale un display: inline-block.

La verdad es que hiciste un etiquetado html bastante enredado y me esta costando un poco tratar de desenredar, así que primero realiza estos cambios y luego vemos.
__________________
Puedes ser el tipo de persona que se amarga por lo inevitable o aceptar el reto de superarse siempre e ir a la par con el progreso.

WEB: G3K.co | codepen.io/g3kdigital

Etiquetas: resoluciones, todo
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 19:55.