Escribo de nuevo para que reviseis mi codigo para poder ver si las lineas estan bien colocadas y escritas ya que al insertar lo de el redondeo del menu, lo guardo, le doy a vista preliminar y no aparece nada.
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">
[img]objetos/logotipo.png[/img]</a>
</div>
<div id="publicidad">Bienvenidos a mi web</div>
</div>
<div id="navegacion">
<ul>
<h1>Ayuda</h1>[*]Controles de Juego[*]Fallos de Juego</l>[*]Comparaciones[*]Trucos de Sniper[/list]</div>
<div id="contenido">
<div id="menu"><h1>Menu</h1>
<ul>[*]Team Death Match[*]Elimination[*]Search and Destroy[*]Ghost Mode[*]Seleccion de Arma[/list] </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.CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
#logotipo {width:280px ; float:left}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul { margin-left: 100px }
#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 }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#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 {}
#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 }
Citar
Marcadores