altura de capas

Gracias por indicarme dónde estaba el fallo en la lección dos, de los errores se aprende más.
Ahora voy por la lección cuatro y me he quedado en la altura del pie de página, la capa #curva inferior se me queda arriba del pie de pagina no baja a la altura de 65 px ; que es lo que marca #pie.

Además hay en error en la relacion de codigos css al final de la lección tres , en recordatorio. el color del menu es orange y figura lorange, aunque es un error que se supone.

gracias, esto cada vez me gusta más, creo que me estoy enganchando y cuando no estoy con esto tengo mono de seguir con la pág. web.
hola yaneth vuelvo a preguntar porque no me contestaron el otro msj y siempre me contestaste vos asi que copie el msj en un lugar donde vos conestaste.

________________________________________________________

hola como andan?
bueno eh terminado las lecciones de paso a paso y tengo un solo problemita en la preview de htmlkit.

que las secciones no se ven iguales, sino que la 1 se ve muy arriba y las otras 2 abajo.

ese es un problema y el otro es cuando subi todo a internet

http://www.blancoline.com.ar/plantilla.html

el problema es que con el explorer se ve igual q la preview del htmlkit pero cuando la abro con el firefox se ve mal.queria ver si podrian pasar por mi web para ver si se puede solucionar el problema con alguna de sus codigos magicos jaja.

________________________________________________________

PLANTILLA:

E 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">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]</a></div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>Sección 1
  • Sección 2
  • Sección 3
    </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Esta sera la zona prinicpal 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í.

    <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.

    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">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    ____________________________________________________________

    ESTILOS-GENERAL.CSS

    * {text-indent:0px ; 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}
    h2 {font-size: 1,1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    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 ; height:85px}
    #logotipo {background-color: white ; width:280px ; float:left}
    #publicidad {background-color: white ; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #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:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px}
    #pie {background-color: brown ; { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    __________________________________________________________


    bueno eso es todo, perdonen por ser molesto.

    muy bueno todo
  • eltriangulista escribió:hola yaneth vuelvo a preguntar porque no me contestaron el otro msj y siempre me contestaste vos asi que copie el msj en un lugar donde vos conestaste.

    ________________________________________________________

    hola como andan?
    bueno eh terminado las lecciones de paso a paso y tengo un solo problemita en la preview de htmlkit.

    que las secciones no se ven iguales, sino que la 1 se ve muy arriba y las otras 2 abajo.

    ese es un problema y el otro es cuando subi todo a internet

    http://www.blancoline.com.ar/plantilla.html

    el problema es que con el explorer se ve igual q la preview del htmlkit pero cuando la abro con el firefox se ve mal.queria ver si podrian pasar por mi web para ver si se puede solucionar el problema con alguna de sus codigos magicos jaja.

    ________________________________________________________

    PLANTILLA:

    E 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">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
    </head>
    <body onload="init();">

    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">
    <a href="index.html">
    [contenido no disponible]</a></div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>Sección 1
  • Sección 2
  • Sección 3
    </div>
    <div id="contenido">
    <div id="menu">
    <ul><h1>Título de Sección 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4

    </div>
    <h1>Esta sera la zona prinicpal 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í.

    <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.

    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">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • Contactos
  • Nos Enlazan

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Directorio
  • TopSite
  • Mapa de la Web
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>

    ____________________________________________________________

    ESTILOS-GENERAL.CSS

    * {text-indent:0px ; 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}
    h2 {font-size: 1,1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

    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 ; height:85px}
    #logotipo {background-color: white ; width:280px ; float:left}
    #publicidad {background-color: white ; width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #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:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-parte-superior.gif) ; padding-top:12px}
    #pie {background-color: brown ; { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px}
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px }
    #piedos {float:left ; width:498px }
    #pietres {float:left ; width:150px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    __________________________________________________________


    bueno eso es todo, perdonen por ser molesto.

    muy bueno todo
  • Hola:
    Primero que nada , creo que acá nadie es molesto y nadie se molesta, si usted tiene dudas o algún problema, pues ya sabe , a preguntar que mas de alguno sabrá la respuesta, antes de ver bien lo que se puede hacer sería bueno que en su hoja de estilo, donde dice #pie, usted abre con una llave ( { ) y pone background-color:brown;
    Luego vuelve a abrir otra llave para poner otra vez background-color
    yo creo que ese {background-color:brown; está demás, le sugiero que lo borre, después dependiendo de eso se verá lo que hay.
    Saludos
    Agradecido de los que aprenden enseñando
    hola ya lo hize y sigue igual, el problema esta con el menu desplegable

    osea la seccion 1 se ve bien pero la 2 y la 3 se ve mas abajo q la 1 y no centrado.


    y sacando ese problema tengo el que se ve mal la pagina en el firefox, encambio en el explorer se ve igual q en el programa.


    chau muchas gracias
    eltriangulista escribió:hola ya lo hize y sigue igual, el problema esta con el menu desplegable

    osea la seccion 1 se ve bien pero la 2 y la 3 se ve mas abajo q la 1 y no centrado.


    y sacando ese problema tengo el que se ve mal la pagina en el firefox, encambio en el explorer se ve igual q en el programa.


    chau muchas gracias
    Hola;
    Así rápidamente (me voy a trabajar) he visto que en el desplegable uno Seccion1 después del cierre de </a> no ha cerrado con un puede que ese sea un fallo.
    Saludos
    Agradecido de los que aprenden enseñando
    joya era eso y ademas me habia olvidado de poner el (li) jaja como una boludez cambia todo jaja es facinante.

    muchas gracias

    gracias a ustedes me ahorre 400 mangos por hacer mi propia pagian :)


    chau