Buenos mediodias a todos, (:
Os envio el codigo:
<HTML>
<title>
MI SITIO WEB
</title>
<head>
<style type="text/css">
<!--
#izquierda{
background-color:#FFFFCC;
float:left;
width:110px;
border:solid 1px #FFFFCC;
padding:0.5em;
}
#derecha{
background-color:#FFFFCC;
margin-left:125px;
padding:1.5em;
padding-top:0.5em;
width:500px;
}
#nav {
background-color:#c0c0c0;
padding:0.2em;
margin-top:1em;
border-style:solid;
border-width:1px;
border-color:#003366;
text-align:center;
}
#nav a{
padding:0.2em;
color:blue;
font-weight:bolder;
text-decoration:none;
}
#nav a:hover{
color:#ff3c3c;
}
#nav a:visited{
}
#flota{
text-decoration:none;
background-color:#c0c0c0;
padding:0.2em;
margin-top:1em;
border-style:solid;
border-width:1px;
border-color:#003366;
text-align:center;
}
#flota td{
border-style:none;
border-bottom-with:1px;
border-bottom-style:solid;
border-bottom-color:black;
}
#flota a{
padding:0.2em;
color:blue;
font-weight:bolder;
text-decoration;none;
}
#flota a:hover{
color:#ff3c3c;
}
#flota a:visited{
}
#contenido{
text-indent:1.5em;
text-align:justify;
line-height:1em;
}
-->
</style>
</head>
<body style="background-color:#FFFFCC;">
<div id="izquierda">
<div id="flota">
<table border="0" width="90%" align="center">
<tr>
<td align="center"><a href=".html">Madera</a></td>
</tr>
<tr>
<td align="center"><a href=".html">Medio Ambiente</a></td>
</tr>
<tr>
<td align="center"><a href=".html">Fundición</a></td>
</tr>
<tr>
<td align="center"><a href=".html">Manutención</a></td>
</tr>
<tr>
<td align="center"><a href=".html">Fundición<a></td>
</tr>
</div>
</div>
<div id="derecha">
<div id="nav">
<a href="Tacomi.html">Inicio</a> |
<a href=".html">Calidad</a> |
<a href=".html">Catalogos</a> |
<a href="">Contacto</a> |
</div>
<div id="contenido">
<p>Lo que se me vay ocurriendo, una para Argaz, otra para Tacomi y otra para mi.</p>
<ol>
<li> Recaudar fondos, ya sea:</li>
<ul>
<li> Ganar la loteria</li>
<li> Utilizando billetes del Monopoly</li>
</ul>
<li> Comprar un portaaviones</li>
<ul>
<li>Alguno que no sea demasiado caro...</li>
<li> Antes de la compra:</li>
<ol>
<li>Sacarse la licencia</li>
<li>Aprender a navegar</li>
</ol>
<ul>
<li>Comprar un chaleco salvavidas o un patito de goma hinchable</li>
<li>Encontrar una compañera de viaje de ojos verdes</li>
</ul>
<li>Despues de la compra</li>
</ul>
<ol>
<li> Prepararme un uniforme</li>
<li>Encontrar un equipaje, aviones, pilotos.</li>
<li>Llenar el depósito (¿super 98?)</li>
</ol>
<li>Zarpar en un dia de mucho sol</li>
</ol>
</div>
</div>
</body>
</html>
La verdad es que todavia está echa un asco:
1º El div de la derecha se me va desplazando para abajo.
2º Ambos div no estan alineados al mismo nivel.
3º El div de la derecha aparece como subrayado y ademas las divisiones entre los distinto vinculos son una raya mogollon de gorda.
4º El estilo de fondo, el color ,en mi navegador no se ve . Aparece como blanco cuand tendria que ser color salmon. Estoy trabajando con el mozilla firefox.
A ver como lo veis vosotros, que a mi de momen no me convence na de na. :( Saludos a todos ):