PLANTILLA.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</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>
[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Team Death MatchEliminationSearch and DestroyGhost ModeSeleccion de Arma
</div>
<h1>Introduccion</h1>
Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>
Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>
Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>
ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
</div>
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
ESTILO-GENERAL.CSS
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; width:800px ; height: 12px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
#logotipo {background-color: silver ; width:280px ; float:left}
#publicidad {background-color: pink ; width:518px ; float:right}
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
SEGURO QUE ES UNA TONTERIA, PERO LA VERDAD ES QUE ES MI PRIMERA VEZ Y ME LIO UN POCO CON EL PROCESO, AUNQUE ESTE BIEN EXPLICADO... :wink: