el menu me sale centrado y kon fondo blanco

mar33 · 8 Jul 2008, 16:19 · Solicitar retirada

loq me pasa es q el menu me sale centrado y detras del fondo amarillo del menu tengo un fondo blanco en vez de naranja. te pongo todos los codigos de todo(la plantilla, el archibo index, el archibo estilos y el archibo estilos-general).
-------------------------------------------------------------------------------------
el archibo plantilla:

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

<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</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>

Enlace 1

Enlace 2

Enlace 3

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

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>

</div>

<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>

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

archibo estilos-general:

* {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 ;background-color: orange}

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center ; background-color: orange}

body {text-align: center}

#global {margin: 4px auto }

#cabecera {background-color: pink }

#navegacion {background-color: gray }

#contenido{border-left: black 1px solid ; border-right: black 1px solid }

#contenido p {background-color: orange ; padding: 5px 10px 5px 10px;text-indent: 15px}

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

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

#pie {background-color: brown}

a {color: blue; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline}
a:active {}
-------------------------------------------------------------------------------------
archibo index:

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

<html>
<head>
<title>Pagina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>

[contenido no disponible]</p>

Página creada gracias a CCTW</p>

[correo eliminado]</p>
</body>
</html>
-------------------------------------------------------------------------------------

archibo estilos:

body {background-color: #CD00CD ;
background-image: url(objetos/fondo1.png) ;
background-repeat: no-repeat ;
background-position: center center}

img {border-style: none}

.centrado {text-align:center}

-------------------------------------------------------------------------------------
esto es todo espero q me ayudeis.

Raulyure · 8 Jul 2008, 16:54 · Solicitar retirada

mar33 escribió:loq me pasa es q el menu me sale centrado y detras del fondo amarillo del menu tengo un fondo blanco en vez de naranja. te pongo todos los codigos de todo(la plantilla, el archibo index, el archibo estilos y el archibo estilos-general).
-------------------------------------------------------------------------------------
el archibo plantilla:

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

<html>
<head><link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</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>
Enlace 1
Enlace 2
Enlace 3

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

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>

En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>

</div>

<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>

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

archibo estilos-general:

* {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 ;background-color: orange}

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center ; background-color: orange}

body {text-align: center}

#global {margin: 4px auto }

#cabecera {background-color: pink }

#navegacion {background-color: gray }

#contenido{border-left: black 1px solid ; border-right: black 1px solid }

#contenido p {background-color: orange ; padding: 5px 10px 5px 10px;text-indent: 15px}

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

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

#pie {background-color: brown}

a {color: blue; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline}
a:active {}
-------------------------------------------------------------------------------------
archibo index:

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

<html>
<head>
<title>Pagina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>

[contenido no disponible]</p>

Página creada gracias a CCTW</p>

[correo eliminado]</p>
</body>
</html>
-------------------------------------------------------------------------------------

archibo estilos:

body {background-color: #CD00CD ;
background-image: url(objetos/fondo1.png) ;
background-repeat: no-repeat ;
background-position: center center}

img {border-style: none}

.centrado {text-align:center}

-------------------------------------------------------------------------------------
esto es todo espero q me ayudeis.

Hola:
Es lógico que la mayoría de las cosas le salgan centradas ya que eso es lo que se le dice en la hoja de estilo al body con ese {text-align:center;} eso le centra todo a menos que usted a alguna capa en especial le diga lo contrario como por ejemplo a la capa menu ´, añadiéndole en la hoja de estilo general una directiva como #menu{background-color:#FFFF00;width:150px;text-align:left;margin:3px 10px 3px 3px; float:left;}
Haga por ahora eso y nos lo dice, porque puede que haya que seguir acomodándo algunas cosas.
Saludos

mar33 · 8 Jul 2008, 20:32 · Solicitar retirada

gracias ya esta tdo en orden si buelbo a tener algun problema os lo komuniko.

muchas gracias :D