Los bordes

Hola en la Tercera Lección cuando aplico los bordes a la plantilla.html por debajo del contenido justo antes del pie se queda un espacio en blanco, bueno eso es lo que pasaba cuando tenía puesto mi propio texto en contenido pero cuando lo cambie por el que estaba puesto en el ejemplo se me quito el problema.
¿Me pueden dar alguna explicación para esto y resolver el problema?

Gracias por adelantado. :?
Pues el problema, no lo sé

sería un poco complicado adivinarlo, sin ver los codigos

muestranos tus codigos de la plantilla y de la hoja de estilos

saludos
pues, mientras esté bien
no hay problema

cuando tengas otro fallo, no dudes en preguntar

pero recuerda darnos los codigos

saludos
Hola voy por la Tercera Lección/Más Bordes y tengo otro problema es que me salen mal los bordes estos son los códigos:

Plantilla.htm

<DOCTYPE>

<html>
<head>
<title>Page title</title>
<link>
</head>
<body>
<div>
<div>Bienvenidos a mi web</div>
<div>Barra de Navegación</div>
<div>
<div><ul>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a></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í.</p>
    <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.</p>


    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>Este es el pié de página</div>
    </div>
    </body>
    </html>

    Estilo-General.css

    body {text-align: center }
    #cabecera {background-color: #97FFFF ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: DeepSkyBlue ; border: black 1px solid }
    #contenido {background-color: #1C86EE ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px }
    #pie {background-color: Blue ; border: black 1px solid }
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: Aquamarine ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style: none ; margin: 4px 0px 4px 6px }
    * {margin: 0px ; padding: 0px ; border: 0px }
    a {color: Blue3 ; text-decoration: none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: #836FFF ; text-decoration: underline ; background-color: #97FFFF }
    a:active {}
    .justificado {text-align: justified }
    .centrado {text-align: center }
    .izquierda {text-align: left }
    h1 {font-size: 1.2em ; color: orange ; font-weight: bold ; text-decoration: underline ; text-align: center }
    h2 {font-size: 1.1em ; color: orange ; font-weight: bold ; text-decoration: none ; text-align: center }

    Boy tan lento porque cada ves que tengo un problema lo intento solucionar por mi mismo, también como veréis he cambiado algunos colores por los que quiero yo.
    He intentado solucionarlo unas 10 veces y no me sale.

    Ayudadme por favor, los códigos los podéis pegar en HTML-Kit y hacer vista previa así veréis lo que ocurre.
  • si, eso es lo que intento,
    pero
    olvidaste activar la casilla de abajo

    "Deshabilitar HTML en este mensaje"
    y tu codigo no sale completo

    saludos
    Ten cuidao al escribir el codigo...

    .izquerda {text-align: left }

    te falta una "i" para completar la palabra mágica "izquierda" :roll:

    :wink:
    Ya he Deshabilitado HTML en este mensaje y valla error que tengo con el izquierda (Corregido) a y el código esta completísimo esta tal como lo tengo.
    Creo que lo tienes que copiar de nuevo

    y ante de darle enviar activar la casilla

    de deshabilitar html

    saludos
    Hola voy por la Tercera Lección/Más Bordes y tengo otro problema es que me salen mal los bordes estos son los códigos:

    Plantilla.htm

    <DOCTYPE>

    <html>
    <head>
    <title>Page title</title>
    <link>
    </head>
    <body>
    <div>
    <div>Bienvenidos a mi web</div>
    <div>Barra de Navegación</div>
    <div>
    <div><ul>
  • <a>Enlace 1</a>
  • <a>Enlace 2</a>
  • <a>Enlace 3</a></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í.</p>
    <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.</p>


    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>Este es el pié de página</div>
    </div>
    </body>
    </html>

    Estilo-General.css

    body {text-align: center }
    #cabecera {background-color: #97FFFF ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
    #navegacion {background-color: DeepSkyBlue ; border: black 1px solid }
    #contenido {background-color: #1C86EE ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px }
    #pie {background-color: Blue ; border: black 1px solid }
    #global {width:800px ; margin: 4px auto }
    #menu {background-color: Aquamarine ; width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px }
    #menu li {list-style: none ; margin: 4px 0px 4px 6px }
    * {margin: 0px ; padding: 0px ; border: 0px }
    a {color: Blue3 ; text-decoration: none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color: #836FFF ; text-decoration: underline ; background-color: #97FFFF }
    a:active {}
    .justificado {text-align: justified }
    .centrado {text-align: center }
    .izquierda {text-align: left }
    h1 {font-size: 1.2em ; color: orange ; font-weight: bold ; text-decoration: underline ; text-align: center }
    h2 {font-size: 1.1em ; color: orange ; font-weight: bold ; text-decoration: none ; text-align: center }

    Boy tan lento porque cada ves que tengo un problema lo intento solucionar por mi mismo, también como veréis he cambiado algunos colores por los que quiero yo.
    He intentado solucionarlo unas 10 veces y no me sale.

    Ayudadme por favor, los códigos los podéis pegar en HTML-Kit y hacer vista previa así veréis lo que ocurre.

    *Copia*
  • lo siento, pero no puedo ver el codigo completo

    creo que olvidaste de nuevo activar la casilla

    mira cuando copies y pegues el codigo antes de darle enviar
    activa la casilla de deshabilitar html

    y revisa tu mensaje, para que compruebes que haya pasado completo

    pero tienes que copiarlo de tus hojas,
    no de lo que ya pusiste, porque no sale bien


    saludos
    Ya active la casilla en aquel mensaje y en la copia no se que coño le pasa a esto.
    no te desesperes

    siempre es mejor empezar de nuevo

    habres tu plantilla seleccionas el codigo, le das copiar

    habres tu caja de respuesta, activa la casilla:

    Deshabilitar HTML en este mensaje

    pegas todo el codigo

    y antes de dar enviar verifica que la casilla esté activada
    (por si las dudas)

    cuando des enviar, checa tu mensaje, y verifica que esté completp

    no te desanimes, mira que a mi siempre se me olvida

    saludos
    Bueno lo intentamos de nuevo.

    Plantilla.htm

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Home</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>
    <body>
    <p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
    <p class="centrado">[contenido no disponible]</p>
    <p class="centrado">Página creada gracias a CCTW</p>


    [correo eliminado]</p>
    </body>
    </html>

    Estilo-General.css

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" tipe="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"><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í.</p>
    <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.</p>


    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 id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>
  • pero si tengo algunas cositas para decirte

    veo este trozo:
    <div id="contenido">

    busco la orden en estilo y me encuentro esto:
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px }

    creo que te sobra una p

    tambien me encontré con esto:

    a {color: Blue3 ; text-decoration: none ; display: block }

    que color es ese? Blue3?

    creo que te refieres a blue jeje

    por lo pronto es todo, si me encuentro algo más te aviso

    saludos
    perodon, no habia visto que tienes dos jeje

    #contenido {background-color: #1C86EE ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {margin: 5px 10px 5px 10px ; text-indent: 15px }

    saludos

    pero no veo error en los bordes¡¡¡

    me encontré otra cosita:

    .justificado {text-align: justified }

    creo que es asi:
    .justificado {text-align: justify }

    (editado)
    Ya dije que cambie los colores, Blue3 es Azul un poco más oscuro su código es #0000CD, ¡Pasa lo mismo que con las letras! ¡ahora se ve bien! Pero no cambie nada! No lo entiendo es posible que pase esto? Haber si encuentro una explicación!
    A y una cosilla mas que se me olvido si te fijas en el pie de la pagina veras otro error y no se porque sale así si los códigos están bien.
    :( :( :(

    pues explica cual es el error que tu ves

    copié y pegue tu codigo tal cual, con tu hoja de estilos,
    y no veo nada raro

    todo está normal

    me dices que hay un error en el pie de página

    pero cual es el error?

    saludos
    Si los bordes de la izquierda y derecha son mas gordos si le quitas el código de todos los bordes y dejas el de contenido te hace un borde en el pie también.
    He resuelto el problema y se ve bien por lómenos en Explorer no se como se ve en otros navegadores ya que no tengo más, el que tenga otros navegadores que copie el código, lo pegue en el Html-Kit y le añada esto a la línea del pie: border-left: 0px ; border-right: 0px Y la línea quedara así:
    #pie {background-color: Blue ; border: black 1px solid ; border-left: 0px ; border-right: 0px }

    Os pido por favor que miréis como queda con otros navegadores a parte del Internet Explorer y me digáis si queda bien o mal.