Foros del Web » Creando para Internet » Diseño web »

Centrar menú con imagen en nav

Estas en el tema de Centrar menú con imagen en nav en el foro de Diseño web en Foros del Web. Hola chicos, tengo el siguiente código: Código HTML: <body> <header> <div class= "logo" > <img src= "logo_web.jpg" alt= "logo" > </div> <nav> <ul> <li> <a ...
  #1 (permalink)  
Antiguo 25/11/2015, 15:05
Avatar de bandolera  
Fecha de Ingreso: abril-2009
Mensajes: 613
Antigüedad: 14 años, 11 meses
Puntos: 7
Pregunta Centrar menú con imagen en nav

Hola chicos, tengo el siguiente código:
Código HTML:
<body>
	<header>
		<div class="logo">
			<img src="logo_web.jpg" alt="logo">
		</div>
		<nav>
			<ul>
				<li><a href="">Opción 1</a></li>
				<li><a href="">Opción 2</a></li>
				<li><a href="">Opción 3</a></li>
				<li><a href="">Opción 4</a></li>
				<li><a href="">Opción 5</a></li>
			</ul>
		</nav>
	</header>	
</body> 
Y su CSS es:
Código HTML:
* {
	margin: 0;
	padding: 0;
}

body {
	background: #fffffa;
}

header {
	width: 100%;
}

header .logo {
	float: left;
}

header nav {
	background: #024959;
	float: right;
	margin: 0 auto;
	width: auto;
}

header nav ul {
	overflow: hidden;
	list-style: none;
}


header nav ul li {
	float: left;
}

header nav ul li a {
	color: #fff;
	padding: 20px;
	display: inline-block;
	text-decoration: none;

}


El nav del menú ocupa el 90% del ancho.
La imagen tiene 4.47Kb y 68 x 72 pix.
La web va a ser responsive.
Cómo hago para que el menú esté junto a la imagen y que ocupen el mismo alto indistintamente del alto de la imagen?
Gracias.
__________________
Todos somos iguales. NO! a la violencia de género.

Última edición por bandolera; 25/11/2015 a las 16:39 Razón: Adjunté imagen

Etiquetas: css, nav, responsive
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:22.