Entrar

mmmm yo otra vez con otro problema please help me

EL-TULO · · Solicitar retirada
hoja de estilo general

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global { width: 800px ; margin: 4px auto }
#cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#navegacion {background-color: pink; border: black 1px solid }
#contenido {background-color: orangeborder-left;border:black 1px solid border-right black 1px solid }
#menu {background-color: yellow; width: 150px ; float:left; text-align:left }
#pie {background-color: brown}
#contenido {background-color: orange }
#menu li { list-style:none ; margin: 4px 0px 4px 6px; margin-right: 10px }
a {color brown ; text-decoration:none}
a:link {}
a:visited {}
a:hover {color red ; text-decoration:underline; background-color: silver}
a:active{}
a {color: brown ; text-decoration:none ; display: block }
p {text-align: justify}
#contenido p {padding: 5px 10px 5px 10px}
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}


hola sabe que no me aplica los bordes en ningun lado
haber si alguieen me podrai ayudar

esta es la plantilla

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos-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>
    <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í.

    Y este es el tercer párrafo.</p> <h2>este el tercer parrafo</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.

    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>


    por favor ah

    en los demas temas publicados ya me ayudaron y los resolvi agrdeceria su ayuda gracias

    bye
    • mmmm...que bien estoy vivo
    Raulyure · · Solicitar retirada
    EL-TULO escribió:hoja de estilo general

    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global { width: 800px ; margin: 4px auto }
    #cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: pink; border: black 1px solid }
    #contenido {background-color: orangeborder-left;border:black 1px solid border-right black 1px solid }
    #menu {background-color: yellow; width: 150px ; float:left; text-align:left }
    #pie {background-color: brown}
    #contenido {background-color: orange }
    #menu li { list-style:none ; margin: 4px 0px 4px 6px; margin-right: 10px }
    a {color brown ; text-decoration:none}
    a:link {}
    a:visited {}
    a:hover {color red ; text-decoration:underline; background-color: silver}
    a:active{}
    a {color: brown ; text-decoration:none ; display: block }
    p {text-align: justify}
    #contenido p {padding: 5px 10px 5px 10px}
    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}


    hola sabe que no me aplica los bordes en ningun lado
    haber si alguieen me podrai ayudar

    esta es la plantilla

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos-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>
    <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í.

    Y este es el tercer párrafo.</p> <h2>este el tercer parrafo</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.

    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>


    por favor ah

    en los demas temas publicados ya me ayudaron y los resolvi agrdeceria su ayuda gracias

    bye

    • Hola:
    Una cosa importante en lo que concierne a las hojas de estilo es que hay que llevar un mínimo orden para que el navegador no se vuelva loco viendo una orden arriba y después tener que cambiarla más abajo etc. etc. etc..
    Le daré una idea de como podría tener usted la hoja de estilo.
    Fuera de que usted ha repetido algunas directivas, como por ejemplo la capa contenido, y la a del grupo de las aes. El grupo de las aes se componen de cinco pseudoelementos, por ejemplo:
    a{}
    a:link{}
    a:visited{}
    a:hover{}
    a:active{}
    También debe tener cuidado cuando ponga una directiva de saber cuando hay que separarla con dos puntos y cuando hay que separarlas con punto y coma, por ejemplo yo tengo un lápiz, ese es el elemento, el lápiz tiene colores ancho, largo, puedo ponerlo dentro, fuera, arriba abajo etc.. Esa serían las propiedades.
    Y los valores serían para el color, pues. rojo, azul verde, amarillo etc. Y para la propiedad que se llama ancho, los valores serían metros, centímetros, etc. en este caso serían píxeles.
    Bien, el elemento es el elemento, como por ejemplo el lápiz, y las propiedades con sus valores se encierran entre corchetes {}, pero una propiedad, como por ejemplo el color, se separa de su valor, por ejemplo del rojo, con dos puntos.
    Ejemplo:
    #lapiz{color:rojo}
    Ese es el elemento con una propiedad y su valor
    Ahora a ese elemento, (el lápiz) le queremos añadir otra propiedad con su valor , como por ejemplo, queremos ahora añadirle un ancho.
    Allí es donde tenemos que separar con punto y coma la propiedad anterior con su valor , de esta propiedad y su valor que vamos a poner ahora, por ejemplo
    #lapiz{color:rojo;ancho:10metros}.
    Bueno seguro que esto ya lo sabe, pero debe tener cuidado y fijarse bien que no se le olvide poner o los dos puntos o el punto y coma, con el tiempo y la práctica le será bastante fácil.
    como le decía , acá le dejo como debiera de tener más o menos los códigos en su hoja de estilos-general

    * {margin:0px ; padding:0px ; border: 0px;}
    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;}
    p {text-align: justify;}
    body {text-align: center;}
    #global { width: 800px ; margin: 4px auto; }
    #cabecera { background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid; }
    #navegacion {background-color: pink; border: black 1px solid;}
    #contenido {width:auto;background-color: orange;border-left:black 1px solid;border-right black 1px solid;}
    #contenido p {padding: 5px 10px 5px 10px;}
    #menu {background-color: yellow; width: 150px ; float:left; text-align:left;}
    #menu li { list-style:none ; margin: 4px 0px 4px 6px; margin-right: 10px;}
    #pie {background-color: brown}

    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color red ; text-decoration:underline; background-color: silver}
    a:active{}

    Saludos