Hola, como va todo? Tengo un problema con la lección 6, en el apartado de deformación del menú lateral.
Consigo hacerlo sin problemas, no tiene gran misterio, en HTML-kit, explorer y safari aparece perfecto, pero con el google chrome aparece como antes de corregir la deformación. Por más que modifico los parámetros no consigo hacerme con ello.
Por qué puede ser? Adjunto la plantilla.html y el estilo-general.css
PLANTILLA:
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270px" height="80px"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="../index.html">Portada</a></li><li><a href="../historia/historia.html">Historia</a>
</li><li><a href="../discografia/discografia.html">Discografía</a></li><li><a href="../conciertos/
conciertos.html">Conciertos</a></li><li><a href="../descargas/descargas.html">Descargas</a></li><li>
<a href="../foro/foro.html">Foro</a></li><li><a href="../merchandising/merchandising.html">Merchandising</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
ESTILO-GENERAL.CSS:
#navegacion {background-color:gray; border:black 1px solid; height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 10px 0px 20px;}
#navegacion ul { margin-left: 30px }
Consigo hacerlo sin problemas, no tiene gran misterio, en HTML-kit, explorer y safari aparece perfecto, pero con el google chrome aparece como antes de corregir la deformación. Por más que modifico los parámetros no consigo hacerme con ello.
Por qué puede ser? Adjunto la plantilla.html y el estilo-general.css
PLANTILLA:
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/logotipo.gif" width="270px" height="80px"
alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul><li><a href="../index.html">Portada</a></li><li><a href="../historia/historia.html">Historia</a>
</li><li><a href="../discografia/discografia.html">Discografía</a></li><li><a href="../conciertos/
conciertos.html">Conciertos</a></li><li><a href="../descargas/descargas.html">Descargas</a></li><li>
<a href="../foro/foro.html">Foro</a></li><li><a href="../merchandising/merchandising.html">Merchandising</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
ESTILO-GENERAL.CSS:
#navegacion {background-color:gray; border:black 1px solid; height:20px;}
#navegacion li {float:left;list-style:none;margin:0px 10px 0px 20px;}
#navegacion ul { margin-left: 30px }