Problema en lección cuarta

Todo bien hasta el tema "Bordes para separar las tres capas". Al llegar al tema "Como colocar los enlaces del pie" e insertar en la plantilla los códigos que se indican en "pieuno" y "pietres" y hacer vista previa, he visto que los bordes de la curva inferior no enlazan con las líneas laterales (verlo en la red en "tuniscctw.myartsonline.com/plantilla.html).
Ruego me indiqueis como solucionarlo.
Los códigos de la plantilla y la hoja de estilo-general.css que he insertado son los siguientes:

Plantilla:

<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 id="curva-inferior"></div>
    </div>

    Hoja de estilo-grnrtal.css:

    #pie {background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px ; }
    #pieuno { float:left ; width:150px }
    #piedos { float:left ; width:498px ; background-color: silver}
    #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 {}

    Muchas gracias

    SALUDOS.
  • Tunis escribió:Todo bien hasta el tema "Bordes para separar las tres capas". Al llegar al tema "Como colocar los enlaces del pie" e insertar en la plantilla los códigos que se indican en "pieuno" y "pietres" y hacer vista previa, he visto que los bordes de la curva inferior no enlazan con las líneas laterales (verlo en la red en "tuniscctw.myartsonline.com/plantilla.html).
    Ruego me indiqueis como solucionarlo.
    Los códigos de la plantilla y la hoja de estilo-general.css que he insertado son los siguientes:

    Plantilla:

    <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 id="curva-inferior"></div>
    </div>

    Hoja de estilo-grnrtal.css:

    #pie {background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;
    height: 65px ; }
    #pieuno { float:left ; width:150px }
    #piedos { float:left ; width:498px ; background-color: silver}
    #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 {}

    Muchas gracias

    SALUDOS.

  • Hola:
    debiera de ponernos todos los códigos de su hoja de estilo-general y los de su plantilla, porque puede que el problema venga de más arriba, como por ejemplo ponerle a la capa contenido en vez de width:800px un width;auto;

    O que deba poner este código en la hoja de estilo-general, debajo de donde tiene la capa pie{etc. etc. etc.}: pie li{list-style:none;} para que los enlaces que vayan dentro de la capa pie no tengan esos puntos a la izquierda.
    O si lo desea, poner solo li{list-style:none] por la parte de arriba de la hoja de estilo más o menos antes de donde dice body{etc. etc. etc.} así todos los enlaces de la página que sean una lista, no tendrán ese punto a la izquierda

    Pero pónganos todos los códigos

    Saludos
    Agradecido de los que aprenden enseñando
    en cuanto le pongas la altura a la capa pie #pie {... heigth 65px} se te
    soluciona, tambien deberias hacer lo que han comentado en el apartado anterior de quitar los puntos de las listas.