colores para el fondo de la pagina

Hola Buenas Tardes me parece excelente su curso mas sin embargo el motivo de mi duda es el siguiente estoy realizando mi pagina y no le puedo colocar el color de fondo en la plantilla como en el ejemplo en el cual aparecen 5 lineas con diferentes colores incluyendo la del menu, he revisado las lineas de codigo y aparentemen no hay error mas sin embargo tiene q haberlo sera que me pueden ayudar a resolver esta duda?
Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos/ as: la unica forma de poder ayudarla es que nos muestre sus codigos para ver donde esta el error.
saludos.
#cabecera{background-color:pink}
#navegacion{background-color:gray}
#contenido{background-color:orange}
#pie{background-color:brown}

se supone que con este codigo deben aparecer los colores de fondo en los parrafos pero no aparecen :( por favor ayudenme Gracias
necesitamos ver toodo, html y css
si nos muestras una captura de pantalla mucho mejor

saludos
electronic_girl escribió:Hola Buenas Tardes me parece excelente su curso mas sin embargo el motivo de mi duda es el siguiente estoy realizando mi pagina y no le puedo colocar el color de fondo en la plantilla como en el ejemplo en el cual aparecen 5 lineas con diferentes colores incluyendo la del menu, he revisado las lineas de codigo y aparentemen no hay error mas sin embargo tiene q haberlo sera que me pueden ayudar a resolver esta duda?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>pajina principal del ejemplo cctw</title>
<link rel="stylesheet" href="estylos.css" type="text/css" media="all">
</head>
<body>



Biemvenidos a mi pagina web. Muy pronto estara lista!</p>


pagina creada gracias a cctw</p>


</body>
</html>




Este es mi estilo css

ady {bachground-color:#E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }

img {border-style:none }

.centrado { text-align:center }
ady {bachground-color:#E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }

img {border-style:none }

.centrado { text-align:center }

en rojo debe decir

body

saludos
Hola Buenas Noches su curso me parece una maravilla pero se me ha presentado un problemita que describi un poco mas arriba no se los habia podido enviar antes debido a que tenia problemas con el tlf y pr ende internet asi que tuve que repararlo :D estos son los codigos que tengo hasta ahora pero no logro obtener el color de fondo ni el centrado tampoco SOS de antemano muchas gracias



Este es mi codigo de estilo.css


body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera{background-color:pink}
#navegacion{background-color:gray}
#contenido{background-color:orange}
#menu {background-color: yellow; width: 150px ; float:left }
#pie{background-color:brown}



Este es mi estilo-general.css

body {text-align: center}
#global {width:800px ; margin:4px auto}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown }




y esta mi 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">Esta será la zona principal de la web</div>
<div id="lincks">menu</div>
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>
  • hola: en rojo lo que sobra y en azul lo que le falta y en verde lo que esta mal escrito
    <!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">Esta será la zona principal de la web</div>
    <div id="menu">menu</div>
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3</div>

    <div id="pie">Este es el pie de página</div>
    </div>
    </body>
    </html>
    en estilos general: en rojo lo que le sobra
    body {text-align: center}
    #global {width:800px ; margin:4px auto}
    #cabecera {background-color: pink }
    #navegacion {background-color: gray }
    #contenido {background-color: orange }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown }
    corrija y nos avisa.
    saludos.