Imprimir Página - Menu con logo en medio (frontend) (RESUELTO)

Título: Menu con logo en medio (frontend) (RESUELTO)
Publicado por: Techwomboo en 27 Junio 2017, 20:04 pm

Buenas, estoy intentando aprender cosas nuevas.

El problema que tengo ahora mismo es que quiero hacer un menu con el logo en medio, hasta aqui todo bien

Código:

<header class="border">
	<div class="NavCont">
		<ul class="border">
			<li><a href="#">Inicio</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#"><img src="img/logo.jpg"></a></li>
			<li><a href="#">Nosotros</a></li>
			<li><a href="#">Contacto</a></li>
		</ul>
	</div>	
	</header>

pero lo que no consigo con el css (tras haber puesto todo inline) es que los elementosx de la lista que no son la imagen esten alienados con el centro de la imagen y no esten abajo o arriba.

Título: Re: Menu con logo en medio (frontend)
Publicado por: Brandamm en 27 Junio 2017, 20:17 pm

Cuelga el css con el codigo para que podamos verlo, sino no puedo decirte nada.

Saludos!!!

Título: Re: Menu con logo en medio (frontend)
Publicado por: ivancea96 en 27 Junio 2017, 20:23 pm

Debería bastar con vertical-align:

Código

.border {
	vertical-align: middle;
}
 
.border > li {
	display: inline-block;
	vertical-align: middle;
}

Título: Re: Menu con logo en medio (frontend)
Publicado por: Techwomboo en 29 Junio 2017, 00:08 am

muchas gracias a los dos, voy a probarlo. Pondré aun asi el css que no se por que no me dejaba entrar en el foro ayer y hoy!!

Título: Re: Menu con logo en medio (frontend)
Publicado por: Techwomboo en 29 Junio 2017, 23:33 pm

muchas gracias, ha funcionado, la verdad que he intentado usar vertical-align otras veces pero no me servia.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Techwomboo en 27 Junio 2017, 20:04 pm