Entrar

PORFA AYUDAME CON EL TEMA DE LOS BORDES

lilita · · Solicitar retirada
Hola, disculpa pero acabo de ingresar al foro y aun no domino todas sus reglas, pero es que yo voy en la leccion tercera del curso paso a paso, y he tenido inconvenientae con los bordes.
El inferior, especialmente. Hago lo que dice la instruccion, pero al darla vista previa se ve separado del Pie.
El borde sup, esta ok.

mi estilogeneral.ccs lo tengo así:

<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<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 parrafo, que grandes conocimientos he adquirido. Este tema
    es interesante.Mira amor lo que he podido hacer; te amo con todo mi corazón mi
    esposito lindo... mua! mua! mua!</p>
    <h2>

    Y este es mi tercer párrafo</h2>

    Nuestra página web será todo un
    exito. Sin duda, gracias al señor por tener esta oportunidad!!! COLOMBIA
    WORLDWIDE un Web Site de bendición!!!</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Puedes ayudarme?
    • Juntos podemos construir conocimientos nuevos !!!
    Raulyure · · Solicitar retirada
    lilita escribió:Hola, disculpa pero acabo de ingresar al foro y aun no domino todas sus reglas, pero es que yo voy en la leccion tercera del curso paso a paso, y he tenido inconvenientae con los bordes.
    El inferior, especialmente. Hago lo que dice la instruccion, pero al darla vista previa se ve separado del Pie.
    El borde sup, esta ok.

    mi estilogeneral.ccs lo tengo así:

    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <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 parrafo, que grandes conocimientos he adquirido. Este tema
    es interesante.Mira amor lo que he podido hacer; te amo con todo mi corazón mi
    esposito lindo... mua! mua! mua!</p>
    <h2>

    Y este es mi tercer párrafo</h2>

    Nuestra página web será todo un
    exito. Sin duda, gracias al señor por tener esta oportunidad!!! COLOMBIA
    WORLDWIDE un Web Site de bendición!!!</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Puedes ayudarme?

    • Hola:

    Le pedí en el otro spot que nos pusiera los codigos de su hoja de estilo-general y los de su página plantilla.html

    Son dos archivos diferentes, uno se llama plantilla.html y el otro se llama estilo-general.css
    Los códigos que se ponen el la plantilla son de una manera, y los códigos que se ponen en la hoja de estilo-general son diderentes a los de la plantilla.
    Como le dije antes pónganos acá los códigos completos de la plantilla.html y los de la hoja de estilo-general.css para que los revisemos


    No tiene necesidad de abrir otro spot, basta con contestar a este, haciéndo click en CITAR
    Saludos
    Agradecido de los que aprenden enseñando
    lilita · · Solicitar retirada
    Disculpa por las molestias, esto de los foros, es un nuevo aprendizaje para mí.
    Aquí esa lo que me pides:


    estilo-general-css:

    *{text-align* {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #cabecera {background-color: white; border-left: black 1px solid ; border-right:
    black 1px solid }
    #navegacion {background-color: pink; border: black 1px solid }
    #contenido {background-color: orange;border-left: black 1px solid ; border-right:
    black 1px solid}
    #contenido p{padding: 5px 10px 5px 10px text-indent: 15px}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left ;
    margin-right: 10px; margin:3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: white;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    a {color: brown ; text-decoration:none; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline; background-color: silver}
    a:active {}
    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}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }


    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="curva-superior"></div>
    <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 parrafo, que grandes conocimientos he adquirido. Este tema
    es interesante.Mira amor lo que he podido hacer; te amo con todo mi corazón mi
    esposito lindo... mua! mua! mua!</p>
    <h2>

    Y este es mi tercer párrafo</h2>

    Nuestra página web será todo un
    exito. Sin duda, gracias al señor por tener esta oportunidad!!! COLOMBIA
    WORLDWIDE un Web Site de bendición!!!</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    gracias...
    • Juntos podemos construir conocimientos nuevos !!!
    Raulyure · · Solicitar retirada
    lilita escribió:Disculpa por las molestias, esto de los foros, es un nuevo aprendizaje para mí.
    Aquí esa lo que me pides:


    estilo-general-css:

    *{text-align* {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow : hidden }
    #cabecera {background-color: white; border-left: black 1px solid ; border-right:
    black 1px solid }
    #navegacion {background-color: pink; border: black 1px solid }
    #contenido {background-color: orange;border-left: black 1px solid ; border-right:
    black 1px solid}
    #contenido p{padding: 5px 10px 5px 10px text-indent: 15px}
    #menu {background-color: yellow; width: 150px ; float:left ; text-align:left ;
    margin-right: 10px; margin:3px 10px 3px 3px }
    #menu li {list-style:none ; margin: 4px 0px 4px 6px}
    #pie {background-color: white;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid }
    a {color: brown ; text-decoration:none; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline; background-color: silver}
    a:active {}
    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}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }


    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="curva-superior"></div>
    <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 parrafo, que grandes conocimientos he adquirido. Este tema
    es interesante.Mira amor lo que he podido hacer; te amo con todo mi corazón mi
    esposito lindo... mua! mua! mua!</p>
    <h2>

    Y este es mi tercer párrafo</h2>

    Nuestra página web será todo un
    exito. Sin duda, gracias al señor por tener esta oportunidad!!! COLOMBIA
    WORLDWIDE un Web Site de bendición!!!</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    gracias...

    • Hola:

    Como acabo de contestarle en el otro spot, ahora veo acá los códigos de su página plantilla, y por ahora los veo bien, así que creo que por el momento con las sugerencias que le di para que hiciera en la hoja de estilo, imagino que se irá arreglando, si sigue algún problema vuelva a poner todos los códigos ya modificados , tanto los de su hoja de estilo-general como los de su plantilla, y no se preocupe de que sea nueva, que le aseguro que acá todos lo somos.

    Lo importante es que vaya avanzando con su web
    Saludos