aquí te dejo los códigos de las páginas:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<link href="estilo-pagina.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
<!--
.Estilo5 {
color: #000000;
font-size: 20px;
}
-->
</style>
</head>
<body>
<div id="cabecera">
<table width="850" id="tabla" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="a1" width="20%" height="111" > </td>
<td class="a2" width="60%" colspan="4"><h2>LUCIA OSUNA OSUNA </h2></td>
<td class="a3" width="20%" > </td>
</tr>
<tr>
<td width="16"height="27" class="b1"><a href="index.html" target="_blank" class="Estilo1">Inicio </a></td>
<td width="17%" class="b2">Conyuge</td>
<td width="17%" class="b3">Arbol </td>
<td width="17%" class="b4" align="center">
<div id="topnav" >
<ul>
<li ><a href="tutoriales.html">Apellidos</a>
<ul>
<li><a href="apellido-osuna.html" target="_blank">Apellido Osuna</a></li>
<!--<li><a href="apellido-medina.html" target="_blank">Apellido Medina</a></li> -->
</ul>
</div>
</td>
<td width="17%" class="b5">¿Quien somos? </td>
<td width="16%"class="b6">Contactar</td>
</tr>
</table>
<div id="cuerpo">
<table id="tablacuerpo" >
<tr>
<p align="justify" class="Estilo5">Lucia Osuna Osuna, era hija de José María Osuna Marín y de Carmen Osuna Navas, nació en cabra en el año 1886, en el seno de una familia acomodada que se dedicaba a la agricultura y la ganadería que poseían fincas de olivar y huertas y se dedicaban a la cría de caballos y cabras. Tuvo un hermano al que pusieron de nombre Doroteo.</p>
<p align="justify" class="Estilo5">Casó en primeras nupcias con Antonio Poyato Ramírez, con el que tuvo dos hijas Carmela y Elena. Antonio falleció joven cuando apenas las niñas tenían unos cinco y seis años respectivamente. </p>
<div align="justify" class="Estilo5"><img src="imagenes/foto-osuna-osuna-lucia1.jpg" align="right" width="350" alt="lucia osuna Osuna" /></div> <p align="justify" class="Estilo5">Lucia fue pretendida por muchos hombres de pueblo, que a su belleza física, añadía la gracia de viuda acomodada. Ella eligió a Ricardo Moreno Medina, viudo con cinco hijos, carretero de profesión, lo que le acarreó de inmediato la oposición de la familia, tanto de sus padres como de sus suegros, que llegaron una vez casada a negarse a entregarle a su hija Carmela, reteniéndola en su cortijo, hasta tal punto llego el asunto, que tuvo que intervenir el juez el cual mando a la Guardia Civil a recoger a la niña, con lo que los abuelos no tuvieron más remedio que entregar a la niña a su madre.</p>
<p align="justify" class="Estilo5"> Con su segundo marido, que tenía cinco hijos de su anterior matrimonio , tuvieron tres hijos: Lucía, José y María, con lo que juntaron en total diez “hermanos”.</p>
<p align="justify" class="Estilo5">Este segundo matrimonio no fue para Lucia un camino de rosas, porque Ricardo era un hombre muy autoritario y poco cariñoso, y los roses con las primeras hijas de ella, especialmente con Elena eran continuos, por lo que las desavenencias y tensiones en la casa eran frecuentes, dada lo familia tan heterogénea.</p>
<p align="justify" class="Estilo5">Cuando Ricardo murió sobre los años cincuenta, Lucia continuó sacando como pudo la familia, teniendo que para ello que ir vendiendo poco a poco caso todas su fincas, ya que cuando murió tan solo le quedaba una huerta y un olivar en la zona de la Fuente de las Piedras. </p>
<p align="justify" class="Estilo5">Era una bella mujer, muy activa y presumida, llevaba siempre un aspecto impecable y no consentía que le llamasen abuela por lo que todos la conocíamos como Mama Lucia. En los últimos años de su vida, los inviernos los pasaba en cabra en una casa de la calle del Tejar y las primaveras y veranos gustaba de pasarlos en su huerta de la Fuente de las Piedras.
<p align="justify" class="Estilo5">A mama Lucía todos los que la conocimos le teníamos un gran cariño, pues era una gran mujer, cariñosa y amable. En su vejez lucia Lucia siempre un moño que sus hijas o nietas se encargaban todas las mañanas de peinar y vestía siempre con vestidos negros con discretos detalles tales como lunares blancos etc . </p>
<p align="justify" class="Estilo5">Lucia murió placidamente en su cama mientras dormía la madrugada del 28 de febrero de 1969, coincidiendo esa misma noche con el terremoto que con epicentro en el cabo San Vicente que se dejó sentir en toda Andalucía y Portugal. </p><td class="Estilo5"><div align="justify"></span></div>
<p align="justify" class="Estilo5">Miguel Mellado Moreno (nieto) </p>
</td>
</tr>
</table>
</div> <!--Fin tabla cuerpo -->
</div> <!--Fin div cabecera -->
</body>
</html>
Y la pagina css
#cabecera {
margin-left: auto;
margin-right: auto;
width: 850px;
color: #FFFFFF;
background-color: #FFFFFF;
}
#tabla{
text-align: center;
background-image: url(imagenes/fondo-dorado.JPG);
background-repeat: no-repeat;
color: #0000FF;
font-weight: bold;
}
#cuerpo {
width: 850px;
}
#tablacuerpo {
position: static;
top: 100px;
margin-top: 100px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
a:link {font-weight:bold; color:#0033FF; text-decoration:underline}
a:visited {font-weight:bold; color:blue; text-decoration:none }
a:hover {font-weight:bold; color:#FFFFFF;background-color: #0066CC;}
a:active {font-weight:bold; color:green}
td.a1 {;
height: 120px;
width: 16%;
background-repeat: no-repeat;
background-position: 20px 0px;
background-image: url(imagenes/escudo-osuna.gif);
}
td.a2 {
font-size: xx-large;
width: 70%;
}
td.a3 {;
height: 99px;
width: 15%;
background-repeat: no-repeat;
background-position: 10px 5px;
background-image: url(imagenes/escudo-osuna.gif);
}
td.b1 {;
width: 10%;
color: #FFFFFF;
}
td.b2 {;
width: 16%;
background-repeat: repeat-y;
}
td.b3 {;
width: 16%;
}
td.b4 {;
width: 16%;
}
td.b5 {;
width: 16%;
}
td.b6 {;
width: 12%;
}
.estilo-personal {
font-size: 20px;
letter-spacing: normal;
text-align: justify;
text-indent: 30px;
word-spacing: normal;
color: #000000;
}
.firma {
font-style: italic;
color: #000000;
}
#topnav {
color: #000000;
display: block;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
list-style: none outside none;
margin: 0;
padding: 0;
width: auto;
}
#topnav ul, #topnav li {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
#topnav li a:link, #topnav li a:visited, #topnav li a:hover {
color: #0000FF;
display: block;
margin: 1;
padding: 15px 20px;
}
#topnav ul ul li a:link, #topnav ul ul li a:visited {
border: medium none;
}
#topnav li.last a {
margin-right: 0;
}
#topnav li a:hover, #topnav ul li.active a {
background-color: #0066CC;
color: #FFFFFF;
}
#topnav li li a:link, #topnav li li a:visited {
background-color: #0066CC;
color: #FFFFFF;
float: none;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 7px 10px;
width: 250px;
}
#topnav li li a:hover {
background-color: #000000;
color: #FFFFFF;
}
#topnav li ul {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
height: auto;
left: -999em;
position: absolute;
width: 170px;
z-index: 9999;
}
#topnav li ul a {
width: 140px;
}
#topnav li ul ul {
margin: -32px 0 0;
}
#topnav li:hover ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul {
left: auto;
}
#topnav li:hover {
position: static;
}
#topnav li.last a {
margin-right: 0;
}
Ahí te las dejos y muchas gracias por tu interés
Saludos
