ayudenme otra vez

sabes ayer hice el curso por segunda vez esta vrez siguiendo todos los pasos, pero si ven tengo dos problemas, el pie de pagina esta mas ancho que el resto, y el menu del lado derecho nose que le paso y por que esta asi siendo que hice todo lo que salia :cry: :cry: :cry:
Deathly Snake escribió:Nos podrías mostrar los codigos de plantilla.html y estilo-general.css?

No te deprimas! :wink:
ok
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera"><pclass="centrado"><p class="letra1"><h2>BIENVENUE A "Creation Mosaîques Sarria"</h2></p></p>
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad"></div>
</div>
<div id="navegacion">
<ul>
  • Accueil
  • Histoire de la mosaique
  • Les réalisations
  • chantier
  • <A HREF="http://www.maxiservices.net/livre/livre-24323-0.html">Livre d'or
  • Contact

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>cosas</h1>
    <ul>
  • Enlace 1
  • Enlace 2

  • Enlace 3
  • Enlace 4
    </div>
    <h1>Bienvenidos</h1>

    <div align="center">
    <div id="sontisa">[contenido no disponible]</div></div></br>


    <h3>Y este es el tercer párrafo.</h3></br>


    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 align="center">
    [correo eliminado]
    </div></br>
    </div>
    </div>

    <div id="pie"></div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    ------------------------------------------------
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:noir ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.5em; color:noir ; 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: #698B22; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: white ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 85px }
    #contenido {background-color: Cornsilk1 ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: #698B22 ; width: 126px ; 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 ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie {border-left: black 1px solid ;
    border-right: black 1px solid ;
    border-top: black 1px solid ;height: 65px
    ;text-align: center }
    #pie li {list-style: none ;font-size: 12px}
    #pieuno {background-color: DodgerBlue ; float:left;width:150px ;border-right: black 1px solid}
    #piedos {background-color: DodgerBlue ; float:left;width:498px }
    #pietres {background-color: DodgerBlue ; float:left;width:150px ;border-left: black 1px solid }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #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}
    #a.enlaceuno {}
    #a.enlaceuno:link {}
    #a.enlaceuno:visited {}
    #a.enlaceuno:hover {}
    #a.enlaceuno:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
  • No creaste las capas pieuno piedos y pietres

    Este es tu codigo:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera"><pclass="centrado"><p class="letra1"><h2>BIENVENUE A "Creation Mosaîques Sarria"</h2></p></p>
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad"></div>
    </div>
    <div id="navegacion">
    <ul>
  • Accueil
  • Histoire de la mosaique
  • Les réalisations
  • chantier
  • <A HREF="http://www.maxiservices.net/livre/livre-24323-0.html">Livre d'or
  • Contact

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>cosas</h1>
    <ul>
  • Enlace 1
  • Enlace 2

  • Enlace 3
  • Enlace 4
    </div>
    <h1>Bienvenidos</h1>

    <div align="center">
    <div id="sontisa">[contenido no disponible]</div></div></br>


    <h3>Y este es el tercer párrafo.</h3></br>


    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 align="center">
    [correo eliminado]
    </div></br>
    </div>
    </div>

    <div id="pie"></div>
    <div id="pieuno">
    Pieuno
    </div>
    <div id="piedos">
    Piedos
    </div>
    <div id="pietres">
    Pietres
    </div>
    </div><div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Lo rojo ; lo que debes sacar ; lo verde lo que debes agregar

    Saludos!!!
  • A parte tienes esto:

    <div id="cabecera"><pclass="centrado"><p class="letra1"><h2>BIENVENUE A "Creation Mosaîques Sarria"</h2></p></p>
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad"></div>

    el texto de bienvenidos debe estar dentro de publicidad asi:

    <div id="cabecera">
    <div id="logotipo">[contenido no disponible]</div>
    <div id="publicidad"><pclass="centrado"><p class="letra1"><h2>BIENVENUE A "Creation Mosaîques Sarria"</h2></p></p></div>
    gracias arregle el problema del titulo
    pero mi menu de la izquierda y el pide de pagina todavia esta mal :cry: :cry: :cry:
    Si, tienes varios errores mas,

    seguiré checando tus codigos

    en un rato te cuento

    saludos
    Yaneth escribió:Si, tienes varios errores mas,

    seguiré checando tus codigos

    en un rato te cuento

    saludos
    :mrgreen:
    merci boucoup!!!!
    muchas gracias!!!!!!!!!!!
    En esta area tienes otro error

  • <A HREF="http://www.maxiservices.net/livre/livre-24323-0.html">Livre d'or

    en rojo lo que te sobra, deberia estar asi:
  • <a href="terplantilla.html">Livre d'or


    edito
    ________________
    el menu está diseñado para 150px de ancho si lo bajas la imagen no se vé completa

    vuelvo a editar
    _________________
    Y te sobra un cierre de div, que te está haciendo un caos


    <div align="center">
    [correo eliminado]
    </div></br>
    </div>
    </div>

    y para el ancho del pie, basta con que le pongas width:800px a la capa pie en la hoja de estilos

    saludos
  • Yaneth escribió:En esta area tienes otro error

  • <A HREF="http://www.maxiservices.net/livre/livre-24323-0.html">Livre d'or

    en rojo lo que te sobra, deberia estar asi:
  • <a href="terplantilla.html">Livre d'or


    edito
    ________________
    el menu está diseñado para 150px de ancho si lo bajas la imagen no se vé completa

    vuelvo a editar
    _________________
    Y te sobra un cierre de div, que te está haciendo un caos


    <div align="center">
    [correo eliminado]
    </div></br>
    </div>
    </div>

    y para el ancho del pie, basta con que le pongas width:800px a la capa pie en la hoja de estilos

    saludos
  • si pero lo puse asi para que abra inmediatamente el lugar para dejar un comentario
    Yaneth escribió:pero entonces lo pones asi:

  • Livre d'or

    saludos
  • ahhh gracias lo estoy arreglando y lo subo a ver que resultados tengo ya???

    pero me falta arreglar lo del menu vertical a la izquierda :cry: :idea:
    con todo lo que te he dado, debe quedarte bien
    de lo contrario me das la url para verlo

    saludos
    Hola de nuevo
    no se porke, pero.....
    sory, jeje

    tu imagen de fondo del menu si mide 126 px, cambialo
    es que el mio mide 150px

    saludos