Entrar

Leccion segunda, problema con el menu...

aZuRe_dReamS · · Solicitar retirada
Pues al parecer debo de tener algo mal escrito en la hoja de estilo, porque no soy capaz de explicarme porque me salen el contenido y el pie debajo del menu, y no detras como deberia ser... aqui les dejo el HTML y la hoja de estilo para que porfavor, cuando tengan un pelin de tiempo me miren y me digan cual fue el error. Muchas gracias de antemano :)

El HTML

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Plantilla</title>

</head>
<body>
<div id="global">

<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="menu">
<ul><il>Enlace 1</il><il>Enlace 2</il><il>Enlace 3</il>
</div><div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>


Y esta es la hoja de estilo

*{margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float: left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
a {color: brown ; text-decoration: none ; display: block }
a:links {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver}

Aqui una foto de lo que obtengo para aclarar las dudas:

[contenido no disponible]

Les repito que gracias por adelantado :)
Piojo91 · · Solicitar retirada
<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="cabecera">Bienvenidos a mi Web</div>
  <div id="navegacion">Barra de Navegación</div>
  <div id="contenido">
			 <div id="menu">
<ul>[*][url="#"]Enlace 1[/url][*][url="#"]Enlace 2[/url][*][url="#"]Enlace 3[/url][/list]
       </div>
			 Esta será la zona principal de la web
  </div>
	<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}

body {text-align: center }

#global {width:800px ; margin:4px auto }

#cabecera {background-color: pink }

#navegacion {background-color: gray }

#contenido {background-color: orange ; width: 800px ; float:left }

#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ;}

#menu li {list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: brown }


a {color: brown ; text-decoration:none ; display: block }

a:link    {}
a:visited {}

a:hover   {color:red ; text-decoration:underline ; background-color: silver}

a:active  {}
Raulyure · · Solicitar retirada
aZuRe_dReamS escribió:Pues al parecer debo de tener algo mal escrito en la hoja de estilo, porque no soy capaz de explicarme porque me salen el contenido y el pie debajo del menu, y no detras como deberia ser... aqui les dejo el HTML y la hoja de estilo para que porfavor, cuando tengan un pelin de tiempo me miren y me digan cual fue el error. Muchas gracias de antemano :)

El HTML

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Plantilla</title>

</head>
<body>
<div id="global">

<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="menu">
<ul><il>Enlace 1</il><il>Enlace 2</il><il>Enlace 3</il>
</div><div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>


Y esta es la hoja de estilo

*{margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float: left }
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left }
#pie {background-color: brown}
#global {width:800px ; margin: 4px auto }
body {text-align: center}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
a {color: brown ; text-decoration: none ; display: block }
a:links {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color: silver}

Aqui una foto de lo que obtengo para aclarar las dudas:

[contenido no disponible]

Les repito que gracias por adelantado :)
Hola:
Bastante categórica la respuesta de piojo con las imagenes que de como debe tener los códigos.
Ya que es importante tratar de fijarse bien en como uno los escribe, como por ejemplo las listas son con li y hay que cuidar de no poner il, a veces fallos tan pequeños como esos hacen que la página se descuadre completamente, en todo caso todos en alguna momento hemos tenido esas equivocaciones
Saludos