Problem con el pie de paginaa

marme91 escribió:Bueno mi problema es el pie de página: de esta pagina
http://voltaje.mywebcommunity.org/Biografia.html
miren como me queda -.- quiero qeu se va normal, e pie de páginaadonde temrina la página no donde termina el texto.
Hola:
Solo he visto por ahora la página de Biografía y parece ser que en la parte de abajo, donde dice <div id="pietres"> etc. etc. ... </div>
</div>
le falta poner otro cierre de div, el que cierra la capa global
Por ejemplo debiera de quedar así:
<div id="pietres"><ul>
  • Libro de visitas</div>
    </div>Este cierra la capa pie
    </div> este es el que cierra la capa global
    </body>Este es el cierre del body
    </html>Este es el cierre del html
    Ese cierre de body y ese cierre de html que tiene mas abajo aún, debiera de eliminarlos ya que están repetidos.
    Saludos
  • Agradecido de los que aprenden enseñando
    marme91 escribió:Bueno mi problema es el pie de página: de esta pagina
    http://voltaje.mywebcommunity.org/Biografia.html
    miren como me queda -.- quiero qeu se va normal, e pie de páginaadonde temrina la página no donde termina el texto,
    Hola:
    Si fuese posible, sería muy bueno que pusiera un poco en orden los estilos en la hoja, por ejemplo:
    * margin
    p
    body
    global
    cabecera
    logotipo
    navegacion
    navegacion ul
    navegacion li
    contenido
    contenido p
    menu
    menu h1
    menu li
    pie
    pie li
    pieuno
    piedos
    pietres
    Los de la directiva A debajo de todo eso
    Lo digo, por que así se podrían revisar mejor los códigos de la hoja de estilo, y esa capa que dice #contenido plantilla.html no debiera llevar espacio, puede unirla con un guión medio por ejemplo:
    #contenido-plantillahtml, se lo puse junto porque puede que no ahora , pero en un futuro el ponerle .html le puede generar problemas, recuerde que en la página debe poner lo mismo, por ejemplo:
    <div id="contenido-plantillahtml">
    Y seguramente podría ponerla debajo o antes de la otra capa contenido en la hoja de estilo.
    Saludos
    Agradecido de los que aprenden enseñando
    Ahi lo ordene como dijsites

    * {margin:0px ; padding:0px ; border: 0px}
    p {text-align: justify ; color: white}
    body {text-align: center}
    #global {width:900px ; margin: 0px 4px 4px 0px}
    #cabecera {background-color: black ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; ; height:201px}
    #logotipo {width:134px ; margin:6px 5x 4x 16x}
    #navegacion {background-color: black ; border: black 1px solid ; width: 900px ; height:1px}
    #navegacion ul { margin-left: 150px }
    #navegacion li {float:left ; margin: 0px 30px 0px 30px}
    #contenido {background-color: black ; text-indent: 15px ; border: 1px solid black; margin: 0px 0px 5px 0px}
    #contenido p {padding: 5px 10px 5px 10px}
    #menu {background-color: black ; width: 150px ; float:left ; text-align:left ; margin-right: 10px ; margin:3px 10px 3px 3px}
    #menu h1 {text-decoration:none ; font-size:23px }
    #menu li { list-style:none ; margin: 5px 0px 5px 6px }
    #pie {background-color: red ; border: black 1px solid ; height: 15px }
    #pie li {list-style: none ; color :black ; font-size: 15px ; background-color: red }
    #pieuno {background-color: red ; float:left ; width:174px ; border-right: black 1px solid ; height : 15px}
    #piedos {float:left ; width:548px ; background-color: #B5B5B5 ; height : 15px}
    #pietres {background-color: red ; float:left ; width:174px ; border-left: black 1px solid ; height : 15px ; font-size: 15px}
    a {color: white ; font-size:1.1em ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a: active {}
    h1 {font-size: 1.5em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.2em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
    .blanco {color: white; text-align:center}
    #contenido-plantilla-html {height: 500px}
    marme91 escribió:Bueno mi problema es el pie de página: de esta pagina
    http://voltaje.mywebcommunity.org/Biografia.html
    miren como me queda -.- quiero qeu se va normal, e pie de páginaadonde temrina la página no donde termina el texto,

    Ahi: tambien tengo un problema,
    http://voltaje.mywebcommunity.org/plantilla.html
    miren que en el pie de página y el color negro hay un espacio blacno como lo reduzco?

    Hola:
    Estuve mirándo un poco sus códigos y e hecho algunos pequeños arreglos, se los pego acá (si es que puedo) para que los vea.
    Esto en la hoja de estilo

    * {margin:0px ; padding:0px ; border: 0px}
    h1 {font-size: 1.5em; color:red ; font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font.size: 1.2em; color:red ; font-weight: bold ; text-decoration: none ; text-align: center}
    p {text-align: justify ; color: white}
    body {text-align: center}
    #global {width:900px ; margin: 0px 4px 4px 0px}
    #cabecera {background-color:#000000 ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; ; height:201px}
    #logotipo {width:134px ; margin:6px 5x 4x 16x}
    #navegacion {background-color:#000000 ; border: black 1px solid ; height:30px}
    #navegacion ul { margin-left: 150px }
    #navegacion li {float:left ; margin: 0px 30px 0px 30px}
    #contenido {background-color:#000000 ; text-indent: 15px ; border-right: 1px solid black;border-left;black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px}
    #menu {background-color:#000000 ; width: 150px ; float:left ; text-align:left ; margin:3px 10px 0px 3px}
    #menu h1 {text-decoration:none ; font-size:23px }
    #menu li { list-style:none ; margin: 5px 0px 5px 6px }
    #pie {background-color:#FF0000 ; border: black 1px solid ; height: 20px }
    #pie li {list-style: none ; color :black ; font-size: 15px ; background-color: red }
    #pieuno {background-color:#0000FF ; float:left ; width:174px ; border-right: black 1px solid ;}
    #piedos {float:left ; width:548px ; background-color: #B5B5B5 ;}
    #pietres {background-color:#0000FF ; float:left ; width:174px ; border-left: black 1px solid ; font-size: 15px}
    a {color: white ; font-size:1.1em ; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a: active {}
    .blanco {color: white; text-align:center}


    Esto en su pagina de biografia

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

    <HTML>

    <HEAD>
    <TITLE>Voltaje marme</TITLE>acá puse un nombre cualquiera, usted ponga el que tenia por que yo no me acuerdo cual era
    <LINK rel="Stylesheet" href="estilo-general.css" type="text/css" media="all">

    </HEAD>

    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo">


    [contenido no disponible]</p></div></div>
    <div id="navegacion"> </div>
    <div id="contenido"><div id="menu">
    <ul><h1>Menú</h1>
  • Intro
  • Biografia
  • Imagenes
  • Escuchanos
  • Discografia
  • Videos
  • Fechas
  • Contacto
  • Libro de Visitas

    </div>
    <p class="blanco"> Banda de Rock/Hard Rock originada en el año 2006, conformada por 4 integrantes: Federico Avejera en el bajo y la voz, Nicolas Carcagno en la guitarra ritmica y coros, Julian Luquez en bateria y por ultimo Santiago Fay en la primer guitarra (todos amigos de la infancia y con 15 y 14 años de edad actualmente).

    El debut en vivo de Voltaje fue un 29 de junio del 2007 realizado

    en el Club Social.</p>
    <p class="blanco">

    El nombre Voltaje proviene de una tarde escuchando el CD High Voltage de la banda Ac/Dc (ya que la banda es fanatica de acdc),

    se dio la idea de ponerle Voltaje a la banda. </p>

    <p class="blanco">Despues de un año de ensayos y fechas tuvimos la idea de grabar un demo con el fin de difundir nuestra musica.El demo fue grabado en The More Good Studio (Zarate) constituido por 4 temas.

    Nuestras influencias son: Ac/Dc, Guns and Roses, Metallica, Queen, Led-Zeppelin y muchas mas. </p>


    bla bla xxxxx ccccc bbbbb mmmmm </p>


    ddddd ffff gggg hhhh </p>


    ssss ssss ssss ssss </p>


    aaaa ffff hhhh kkkk </p>

    </div>
    <div id="pie">
    <div id="pieuno"><ul>
  • Contacto</div>
    <div id="piedos">pie dos</div>

    <div id="pietres"><ul>
  • Libro de Visitas</div>
    </div>
    </div>
    </body>
    </html>

    Esto en su plantilla

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

    <HEAD>
    <TITLE>Voltaje marme</TITLE>acá puse un nombre cualquiera para poder trabajar con la pagina usted ponga el que tenia, que tampoco me acuerdo cual era
    <LINK rel="Stylesheet" href="estilo-general.css" type="text/css" media="all">

    </HEAD>

    <body>
    <div id="global">
    <div id="cabecera">
    <div id="logotipo">


    [contenido no disponible]</p></div></div>
    <div id="navegacion"> </div>
    <div id="contenido"><div id="menu">
    <ul><h1>Menú</h1>
  • Intro
  • Biografia
  • Imagenes
  • Escuchanos
  • Discografia
  • Videos
  • Fechas
  • Contacto
  • Libro de Visitas

    </div>
    <p class="blanco"><h1>Voltaje</h1></p>
    <p class="blanco">Nosotros somos Voltaje, banda de Rock formada en Campana intetegrada por:</p>
    <p class="blanco"> Federico Avejera </p>
    <p class="blanco"> Julian Luquez </p>
    <p class="blanco"> Santiago Fay </p>
    <p class="blanco"> Nicolas Carcagno</p>

    <p class="blanco"><h2>NOTICIAS:</h2></p>
    <p class="blanco">Ya esta el EP de VOLTAJE (PARA COLABORACION)a solo $4, lo pueden conseguir contactandose con alguno de nosotros o en Einstein - Mitre 933 -(Campana).
    <p class="blanco">Aca les dejamos los temas que incluye el EP. :</p>
    <p class="blanco">
    <p class="blanco"> Lo que la guerra se llevo.</p>
    <p class="blanco">Mirando al mar. </p>
    <p class="blanco">La ley del buen vivir.</p>
    <p class="blanco">La muerte.</p>
    </p>
    </div>

    <div id="pie">
    <div id="pieuno"><ul>
  • Contacto</div>
    <div id="piedos">pie dos</div>
    <div id="pietres"><ul>
  • Libro de Visitas</div>

    </div>
    </div>
    </body>
    </html>
    Ahora me explico, las he puesto en mi web para revisar si se veían bien y después de hacer arreglos yo las veo bien (quizás algún pequeño detalle puede que haya quedado) tanto en I.E. como en Firefox, lo que no entendía en principio era para que tenía la capa de navegación ya que no la utiliza, se la he dejado por si era eso lo que usted quería y le puse color negro, lo otro era que usted tenía una capa (en la hoja de estilo) que se llamaba creo contenido-plantilla.html, la he quitado porque solo producía problemas, ya que si usted quiere hacer otra pagina (una tercera) y darle otras directivas a la capa central que vaya a ocupar , es mejor ponerle otro nombre, por ejemplo si hago una tercera página pero a la capa contenido de esa tercera página la quiero de otro color pues en esa tercera página le pongo de nombre a la capa contenido (<div id="contenidotres"> y en la hoja de estilo le hago una directiva a esa capa (ya que será diferente en el color) #contenidotres{bla,bla}. Habrán otras formas, pero así lo hago yo.
    No suelo quejarme pero ha costado un poco dejarla relativamente aceptable. Espero que si algo no ha quedado muy bien, sea como le dije, algún pequeño detalle que se me habrá pasado por alto que seguro será mas fácil de arreglar, a la capa contenido le puse un poco mas de párrafos porque el menú era mucho mas alto que esa capa, (ya se arreglará, que hay muchos acá que saben como hacerlo.
    Espero que le haya quedado mas o menos bien.
    Saludos
  • Agradecido de los que aprenden enseñando