Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Alinear menu horizontal de 2 lineas con css

Estas en el tema de Alinear menu horizontal de 2 lineas con css en el foro de CSS en Foros del Web. Hola Amigos!! Tengo un problema al querer hacer un menú con las etiquetas <ul> <li> tengo un menú horizontal que algunos tienen links de doble ...
  #1 (permalink)  
Antiguo 29/11/2015, 13:05
Avatar de ndrag1982  
Fecha de Ingreso: enero-2013
Ubicación: Buenos Aires, Argentina
Mensajes: 4
Antigüedad: 11 años, 2 meses
Puntos: 0
De acuerdo Alinear menu horizontal de 2 lineas con css

Hola Amigos!! Tengo un problema al querer hacer un menú con las etiquetas <ul> <li> tengo un menú horizontal que algunos tienen links de doble linea de texto y no me quedan centrados aquellos links que tienen solo 1 linea.

Hasta la he puesto un pinto y un <br> para que quede alinado con los links de 2 lineas pero queda horrible

He intentado varias opciones pero no tuve resultados

La pagina para que miren el ejemplo es:

http://www.noradragon.com.ar/righmetal/index.html

Espero me puedan ayudar
  #2 (permalink)  
Antiguo 30/11/2015, 17:23
Avatar de andresgarciadev  
Fecha de Ingreso: junio-2013
Mensajes: 218
Antigüedad: 10 años, 9 meses
Puntos: 32
Respuesta: Alinear menu horizontal de 2 lineas con css

quitale esos br, quitales el height a "#menu ul li a", usa inline-block en vez de float y con un vertical-align middle funcionara
  #3 (permalink)  
Antiguo 05/12/2015, 07:08
Avatar de ndrag1982  
Fecha de Ingreso: enero-2013
Ubicación: Buenos Aires, Argentina
Mensajes: 4
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Alinear menu horizontal de 2 lineas con css

Hola Andres! Muchas gracias por la ayuda! me resultó, se alinearon perfecto.
Solo tuve un inconveniente, tuve que poner la clase: #contenedor #menu con 100 px de altura para que me quede centrado. si le pongo menos altura ya no se centra, sabes porque será?

muchas gracias nuevamente

te dejo el link:

http://www.noradragon.com.ar/righmetal/index.html
  #4 (permalink)  
Antiguo 09/12/2015, 17:15
Avatar de andresgarciadev  
Fecha de Ingreso: junio-2013
Mensajes: 218
Antigüedad: 10 años, 9 meses
Puntos: 32
Respuesta: Alinear menu horizontal de 2 lineas con css

si, es por que "#menu ul li" sigue teniendo float, al ser elementos flotantes es como si #menu no tubiera nada dentro... por eso te dije que uses display inline-block bajandole un poco su width
y de esa forma #menu ya no necesita tener un height estatico
  #5 (permalink)  
Antiguo 20/12/2015, 20:19
Avatar de ndrag1982  
Fecha de Ingreso: enero-2013
Ubicación: Buenos Aires, Argentina
Mensajes: 4
Antigüedad: 11 años, 2 meses
Puntos: 0
Respuesta: Alinear menu horizontal de 2 lineas con css

Andres, lo pude solucionar con lo que me indicaste, muchisimas gracias!!.

Etiquetas: alinear
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 15:52.