Entrar

Problema con el color de cabecera

JebusGDL · · Solicitar retirada
Bueno pues mi problema esq no carga el color de la cabecera eh puesto todo exacto como dice el tutorial pero no pone color intente cargar la imagen pero no supe como hacerlo asi que les dejo escrito esto

estilos-general.css

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: orchid }
#navegacion {background-color: blue }
#contenido {background-color: orange ; width: 800px ; float:left}
#pie {background-color: brown }
#menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
#menu li { list-style:none }
.centrado {text-align:center}


plantilla.htlm

<!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 Navegacion</div>
<div id="contenido"><div id="menu"><ul>
  • Elemento de Lista,1
  • Elemento de Lista,2
  • Elemento de Lista,3

    </div>Este sera la zona principal de la web</div>
    <div id="pie">Este sera el pie de la pagina</div>
    </div>
    </body>
    </html>



    Como veran creo yo que todo esta en orden pero si me eh equivocado en algo porfavor expliquen en que.
    • JebusGDL · · Solicitar retirada
    JebusGDL escribió:Bueno pues mi problema esq no carga el color de la cabecera eh puesto todo exacto como dice el tutorial pero no pone color intente cargar la imagen pero no supe como hacerlo asi que les dejo escrito esto

    estilos-general.css

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: orchid }
    #navegacion {background-color: blue }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #pie {background-color: brown }
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left }
    #menu li { list-style:none }
    .centrado {text-align:center}


    plantilla.htlm

    <!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 Navegacion</div>
    <div id="contenido"><div id="menu"><ul>
  • Elemento de Lista,1
  • Elemento de Lista,2
  • Elemento de Lista,3

    </div>Este sera la zona principal de la web</div>
    <div id="pie">Este sera el pie de la pagina</div>
    </div>
    </body>
    </html>



    Como veran creo yo que todo esta en orden pero si me eh equivocado en algo porfavor expliquen en que.

    • P.D: un problemilla mas el pie de pagina me sale una parte a lado derecho justo despues de la zona principal de la pagina y por mas q eh intantado corregirlo no lo eh conseguido.
    moimuá · · Solicitar retirada
    Esta es la serie de los 16 colores estándar que pueden indicarse directamente con su nombre en inglés:

    Black, Teal, Gray, Blue, Silver, Green, Red, Lime, Purple, Olive, Maroon, Yellow, Fuchsia, Aqua, Navy, White.

    Luego cambia “orchid“ por cualquiera de éstos o por el valor hexadecimal que defina cualquier otro color. Por ejemplo: #FF0000

    http://www.comocreartuweb.com/curso-de-estilo-css/css-leccion-i-las…

    Saludos.