Esta es una imagen de como la tengo en local
http://img125.imageshack.us/img125/6605/comoyolaquiero.jpgAqui os dejo el index.html y estilo-general.css de la buena
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>RoWRO</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
</a>
</div>
<div id="navegacion">
<ul>
<FONT FACE="cooper black">
InicioHistoriaDescargasPanel de control<a href="http://blood-of-life.foroactivo.net/forum.htm" target="_blank">Foro</FONT>
</div>
[contenido no disponible] <div id="contenido">
<font face="cooper black" <font size="4"<h1>Bienvenidos a RoWRO</h1></font size></font color></font face>
<font face="verdana" <font size="1"<h2>
Bienvenido a Reign of Wars, un juego de rol online de ambientación medieval en el que podrás ser lo que quieras.</p></h2>
Si quieres saber de qué va, te recomendamos que te descargues y leas el manual para principiantes. Si ya lo conoces, o si deseas saberlo todo, lee la guía completa de juego.</p>
Para empezar a jugar, debes seguir estos pasos:
Ve a la sección de <font color="red">Descargas</font color> y bájate <font color="red">Ragnarok, Sakray y el cliente de Reign of Wars.</font color>
Instala esas tres aplicaciones en la misma carpeta y por ese orden.</p>
Abre el juego i pon de "ID": "El mobre de la cuenta"<font color="red">_M (si eres hombre)</font color> o "El nombre de la cuenta"<font color="red">_F (si eres mujer)</font color></p>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:black ; text-decoration: none ;
text-align: left}
h2 {font.size: 1.1em; color:black ; text-decoration: none ; margin: 20px 30px 0px 10px ; text-indent: 100px}
body {background-color: #F4A460 ; background-image: url(objetos/fondo.png) ; background-position: center center ; background-repeat: no-repeat ; height:100%; text-align: center}
}
#global {width:800px ; margin:4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:90px}
#navegacion {background-color: white ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 60px }
#contenido {background-color: white}
#contenido p {margin: 20px 30px 0px 10px ; text-indent: 0px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: black ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:none; background-color:#FF8C00 }
a:active {}
#pie a:hover {color:black ; text-decoration:none ; background-color: white }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}