problema con capa Menu

instalberto · 13 Abr 2009, 21:56 · Solicitar retirada

Hola lo primero de todo agradecer a todos los que haceis posible que novatos como yo empiecen en esto de la creacion Web, por cierto mi nombre es Alberto, os paso a detallar mi problema he seguido el curso y practicamente todo me ha ido bien excepto el menu , no consigo que se quede a la izda del la pagina en la capa contenido os pongo mi codigos y a ver si le dais un vistazo.

index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>totpaintball</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">[contenido no disponible]</div>
<div id="publicidad"

RESERVA YA TU PARTIDA </p>

Telf: 606326496</p>

[correo eliminado]</p>
</div>
<div id="contenido">
<div id="menu">
<h1>menu</h1>
<ul>

<a href="index.html"> INICIO

<a href="contacto/contacto.html">CONTACTO

<a href="fotos/fotos.html">FOTOS

<a href="tarifas/tarifas.html">TARIFAS

<a href="equipacion/equipacion.html">EQUIPACION
</div>
<h1>Estas en Mallorca y todavia no has jugado a Paintball</h1>

[contenido no disponible]</p>
<h1>Descarga adrenalina </h1>

[contenido no disponible]</p>
<h1>no dejes que te pinten la mascara</h1>

[contenido no disponible]</p>
</div>
<div id="pie">Tot Paintball</div>
<div id="curva-inferior"></div>
</div>

estilos.css

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: center; font-size: 0.8em; color:black ; font-weight: bold }
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {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 }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeatwidth: 800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: #FAF0E6; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; border-top: black 1px solid; height:85px }
#logotipo { background-color:#FAF0E6 ;width:270px ; float:left }
#publicidad { background-color:orange;width 300px ; float:right ; margin-top:25px ;text-align: center; font-size: 25px ; border:black 1px solid}
#contenido {background-color:#FAF0E6 ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {text-align: center ; margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: white ; width:150px ; float:left ; border:2px solid ; text-align:left ; margin: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:16px ; background-image: url(objetos/menu-parte-superior.gif) }
a {color: bronw; font-size:1.3em ; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover { ; text-decoration:none ; background-color: silver}
a:active {}
#pie {background-color: white ;text-align: center; border: border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }

Yaneth · 13 Abr 2009, 22:48 · Solicitar retirada

aqui tu fallo

<ul>

<a href="index.html"> INICIO

<a href="contacto/

no cerraste el <a>
deberia ser asi

<ul>

INICIO

<a href="contacto/

saludos

instalberto · 23 Abr 2009, 08:04 · Solicitar retirada

Gracias Yaneth, la cosa va mejorando, pero surgen nuevos problemas ahora en explorer se ve perfecto pero en firefox o google chrome se ve parte de la pagina descolocada te pongo el index y hoja de stilos

index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>totpaintball</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">[contenido no disponible]
</div>
<div id="publicidad"
<h1>www.totpaintball.com</h1>
</div>
<div id="navegacion"
<ul>

Inicio

Contacto

Equipacion

Fotos

Videos

Tarifas

</div>
<div id="contenido">
<div id="menu">
<h1>MENU</h1>
<ul>

Que es el paintball

Historia del paintball

Tipos de juego

Normas
</div>
<h1>Estas en Mallorca y todavia no has jugado a Paintball</h1>

A que estas esperando! Ven a jugar unas partidas de paintball, nunca has probado algo tan divertido y desestresante escoje unos grupo de amigos y a disfrutar como nunca.</p>

Estamos a 10 minutos de Palma</p>

[contenido no disponible]</p>
<h1>Descarga adrenalina </h1>

[contenido no disponible]</p>
<h1>no dejes que te pinten la mascara</h1>

[contenido no disponible]</p>
</div>
<div id="pie">Tot Paintball</div>
<div id="curva-inferior"></div>
</div>

</body>
</html>

hoja estilos
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: center; font-size: 1.1em; color:black ; font-weight: bold }
h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeatwidth: 800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: #FAF0E6; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; border-top: black 1px solid; height:85px }
#logotipo { background-color:#FAF0E6 ;width:270px ; float:left }
#publicidad { background-color:orange;width:200px ; float:center ; margin-top:25px ;text-align: center; font-size: 25px ; border:black 1px solid}
#navegacion {background-color: #FAF0E6 ;width:700px; border: orange 2px solid ; height:25px }
#navegacion ul { margin-left: 180px }
#navegacion li {float:left; list-style:none ; margin: 0px 20px 0px 20px }
#contenido {background-color:#FAF0E6 ;float:left;width:800px;border-left: black 0px solid ; border-right: black 0px solid }
#contenido p { margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ;width:100px ; float:left ; border:2px solid ; text-align:center ; margin:10px }
#menu li { margin: 4px 0px 4px 6px }
#menu h1 {text-decoration:none ; font-size:16px ; background-image: url(objetos/menu-parte-superior.gif) }
a {color: black; font-size:1.1em ; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover { text-decoration:none ; background-color: silver}
a:active {}
#pie {background-color: #FAF0E6 ;text-align: center; border: border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }