Pegar menú

yaume69 · 22 Dic 2010, 22:04 · Solicitar retirada

Hola, tengo mi plantilla creada igual que la que está puesta en las lecciones de comocreartuweb. Pero envez de tener el menú ese lateral dentro de la capa "global" y "contenido", me lo he puesto fuera de estas capas, osea de todas. Lo que quiero eske este menú me kede enganxado a la capa glopal, es decir, a toda la plantilla. Pero nose como se hace, porque si pongo margin en el lado izkierdo del menú, se me va a la derecha el menu pero tambien la capa global. No se si me he explicado bien.
Por si os sirve de algo, en la hoja de estilos tengo puesto en la capa global "margin:4px auto". Creo que esto tiene algo que ver con que se me mueva todo.

Yaneth · 23 Dic 2010, 17:21 · Solicitar retirada

hola

con tan poca informacion es imposible ayudar

debes pegar aqui todo el html y css para revisarlo

saludos

yaume69 · 23 Dic 2010, 21:35 · Solicitar retirada

El html es este:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<link rel="stylesheet" href="hola.css" type="text/css" media="all">
<title>Page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<div id="lista"><ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<div id="rellenar">Página principal
</div>
<div id="global">

<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">PUBLICIDAD</div>
</div>
<div id="navegacion"><ul>

Sección 1

Sección 2

Sección 3

Sección 4
</div>

<div id="contenido">

<div id="menu">
<ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>

<h1>Esta será la zona principal de la web</h1>

jodeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeer vaya puta rayadaaaaaaaaaaaaaaaa</p>
<h2>kiero aprender ya a hacer webs me cago en la puta dfasdfasdfasdfasdfasdfasdfasdfasdfa</h2>

i me forrare de pasta jejejejejejejejejejejejejejejejejejejjejeejejejejejejej</p>

esto es una cacaaaaaaaaaaaaaaaaaaaaa de la ostia joder vmenuda mierda keef mdo dmfoasdfm domafdmfe efs eafd dd a dfefoe afjaodf asd dafdadfa sdfasdfasdfadf asdf asd
dfadsfasdf dfasdf dsfasdff sdfsd fdasfdas df dfs asdf sda adfa sdfasdfasdf adfd asdf dafdf dsfad dsf asdfa fadssdfadfa ds safa sf sdf sdfs sdfa sdfasdfa sdfads s
dfadfa sdfa</p>
</div>

<div id="pie"><div id="pieuno"><ul>

Foro Ejemplo

Contactos

Nos Enlazan
</div>
<div id="piedos">pie dos</div>
<div id="pietres"><ul>

Directorio

TopSite

Mapa de la Web
</div>

</div>
<div id="curva-inferior"></id>
</div>

</body>
</html>

------------------------------------------------------------------------------------

Y el css este:
* {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;background-color:#DCDCDC}
#global {width:1000px; margin:auto}
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 1000px ;
height:12px ;
overflow:hidden; margin-top:20px}
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left; background-color:#F8F8FF }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#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: 180px }
#contenido {background-color:white; border-left: black 1px solid ;
border-right: black 1px solid; width:1000px}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{width: 150px ; float:left ;text-align:left ; margin: 3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px;background-image: url(objetos/menu-curva-superior.gif);overflow:hidden}
#lista{margin:200px 0px 0px 50px; width: 150px; float:left; text-align:left;background-image: url(objetos/menu-parte-inferior.gif);background-position:bottom; padding-bottom:5px }
#lista li {list-style:none ; margin: 4px 8px 4px 6px }
#lista h1 {text-decoration:none ; font-size:12px;background-image: url(objetos/menu-curva-superior.gif)}
#rellenar {width:150px; float:right; margin-top:20px}
#pie {width:1000px;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px solid;height: 65px; background-color:#E6E6FA }
#pie {border-left: black 1px solid ; border-right: black 1px solid ;
border-top: black 1px solid ; height: 65px }
#pie li {list-style: none; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 1000px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Yaneth · 23 Dic 2010, 22:33 · Solicitar retirada

esto no deberia ir aqui

<body>
<div id="lista"><ul><h1>Título de Sección 1</h1>

Enlace 1

Enlace 2

Enlace 3

Enlace 4
</div>
<div id="rellenar">Página principal
</div>
<div id="global">