Con iexplorer no consigue visualizar bien el menu

Hola,
Estoy aprendiendo HTML5 y CSS3 y tengo un problema con los menús. No consigo que con el navegador internet explorer el menu me aparezca en horizontal.

<nav>
<div class="menu">
<ul>
<li><a href="#">Opcion_1</a></li>
<li><a href="#">Opcion_2</a></li>
<li><a href="#">Opcion_3</a></li>
</ul>
<div>
</nav>
nav{
background-color:#b0b0b0; /*color de fondo del menú*/
}
nav .menu li{
list-style:none;
display: inline-block;
margin: 25px;
}
nav .menu a {
display: block;
color: #fff;
text-decoration:none;
}
a{
text-decoration:none;
}

1 respuesta

Respuesta
1

Se te olvido cerrar la etiqueta <div> del menu, yo usuaria id en lugar de class para el menu

Podrías meter el menu así

<div id="menu">
<ul>
<li><a href="#">Opcion_1</a></li>
<li><a href="#">Opcion_2</a></li>
<li><a href="#">Opcion_3</a></li>
</ul>
</div>

y la css iría algo así

#menu
{
   width: 300px;
   float: right;
   margin-right: 25px;
}

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas