Hola
Estoy usando un menu CSS y necesito poner en la misma linea unas imagenes pequeñas de unos 6x6 pero no me aclaro..
el caso es que el menu sale a la izquierda y me gustaria colocar las imagenes alineadas a la derecha.
A ver si me podéis echar una mano con el CSS para conseguirlo :)
Código:
<nav>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
</ul>
</li>
<li><a href="#">Menu 3</a>
<ul>
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>
<a href="#"><img src="1.jpg" /></a>
<a href="#"><img src="2.jpg" /></a>
</nav>
Código:
nav {
height:40px;
border-radius:5px;
}
nav ul{
padding-left:0px;
list-style:none;
margin: 0px auto;
}
nav ul li{
display:inline-block;
font-family:arial;
font-size:16px;
font-weight:bold;
}
nav ul li:hover{
background:#0979cf;
text-shadow: 0px 0px 3px #000;
}
nav ul li a{
display:block;
padding:10px 8px;
width:140px;
color:#fff;
text-align:center;
}
nav a{text-decoration:none}
nav ul li ul{
position:absolute;
display:none;
width:220px;
border-radius:0px 0px 5px 5px;
padding:0px;
}
nav ul li ul li{
display:block;
}
nav ul li ul a{
display:block;
padding:7px 5px;
width:210px;
text-align:left;
font-weight:normal;
font-size:15px;
}
nav ul li:hover ul{
display:block;
}
nav, li ul{
background:#000;
}
.default{background:#0979cf;}
Gracias a todos