Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/09/2012, 05:13
falmar
 
Fecha de Ingreso: abril-2007
Mensajes: 89
Antigüedad: 17 años
Puntos: 2
Alinear nav a una imagen

Hola, mi pregunta es la siguiente.

no puedo subir un unos botones que están dentro de un nav y que se quede al lado de una imagen logo, he intentado poner al nav display:inline-block, pero no sube al lado de la imagen logo.

En la imagen que subo lo entenderéis.



Este es el codigo html:

<header>

<div id="titulo"> Este es el título</div>
<div id="social">Social 1 Social 2</div>

<div id="logo"> Imagen logo</div>

<nav >
<ul>
<li>boton1</li>
<li>boton2</li>
<li>boton3</li>
<li>boton4</li>
<li>boton5</li>
</ul>
</nav>

<div id="imagen">Imagen</div>

</header>


Este el el codigo CSS:


header{
margin: 0 auto;
max-width: 90%;
}

nav {
display:inline-block;
}

nav li{
display:inline-block;
}

nav ul {
list-style:none;
}

#titulo {
display:inline-block;
}

#social {
display:inline-block;
}

#imagen {
display:inline-block;
}

Tiene pinta de ser fácil pero no doy con ello.

Gracias por vuestra respuesta.