manuel.felipe escribió:mi plantilla es :
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>
Enlace 1
Enlace 2
Enlace 3
Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
y mi hoja de estilo general es:
* {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: 100px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left }
#menu li {list-style:none ; margin: 4px 5px 4px 6px}
#pie {background-color: brown}
gracias
Hola:
Una de las cosas más importantes es tener muy en cuenta lo que son las etiquetas y como funcionan, por ejemplo, usted en un cajón quiere meter unos zapatos, pero los zapatos no los quiere meter al cajón y que queden sueltos , entonces los pone dentro de una caja de zapatos, esa caja de zapatos usted la va a abrir para meter los zapatos y después la va a cerrar, ahora esa caja de zapatos que ya está cerrada con los zapatos dentro, usted la mete dentro del cajón, cajón que lógicamente es más grande que la caja de zapatos, por lo tanto usted como el cajón ya lo tenía abierto, mete la caja de zapatos y cierra el cajón, pero antes de cerrar el cajón usted se da cuenta de que en el cajón hay repartido por todos lados cartas fotos etc., usted las pone a un lado para hacerle espacio a la caja con los zapatos, y pone la caja con los zapatos a un costado del cajón, así usted en el cajón tiene dentro de el, la caja con los zapatos (caja que a cerrado,) y tiene las cartas y fotos a un lado ordenadas, y entonces cierra el cajón.
Resumiendo, usted en su página abrió una cajón para meter una caja con zapatos, pero usted cerró la caja de zapatos , dejándo los zapatos fuera, y también se dejó el cajón abierto, por lo tanto se le han mezclado las cosas que tiene dentro del cajón
Acá le dejo de como debiera tener su hoja de estilo-general
*{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 }
#menu li {list-style:none;margin: 4px 5px 4px 6px}
#pie{background-color:brown}
Y acá el como debiera tener su página plantilla
<!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="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu
<ul>
Enlace 1
Enlace 2
Enlace 3
</div>
Esta será la zona principal de la web
ddddddddddddddddddddddddddddddddd</p>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
fffffffffffffffffffffffffffffffff</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
espero que le solucione , si no es así vuelva a decírnoslo
Recuerde:
Usted abre la capa contenido con el <div id="contenido">
mete la capa menu abriendola con <div id="menu">
mete la lista en la capa menu
menu
<ul>
Enlace 1
Enlace 2
Enlace 3
y cierra la capa menu con este </div>
Luego pone lo que va dentro de la capa contenido por ejemplo:
Esta será la zona principal de la web
ddddddddddddddddddddddddddddddddd</p>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
fffffffffffffffffffffffffffffffff</p>
Y cierra la capa contenido con este </div>
Saludos