Entrar

Problema con el pie de pagina

brans · · Solicitar retirada
Tengo un problema con el pie de pagina. aqui os dejo la imagen y los codigos.


http://img117.imageshack.us/img117/8353/piedepagina.jpg



PLANTILLA HTML


<body>
<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>
<h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    </div>
    <div id="contenido">
    <div id="menu"><h1>Menu</h1>
    <ul>
  • Team Death Match
  • Elimination
  • Search and Destroy
  • Ghost Mode
  • Seleccion de Arma
    </div>
    <h1>Introduccion</h1>


    Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>


    Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>


    Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>

    ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
    </div>
    <div id="pie">Con la colaboracion de WwWGaff & Soker</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    ESTILO GENERAL



    * {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 }
    #cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
    #logotipo {width:280px ; float:left}
    #publicidad {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 20px 0px 20px}
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: orange ; float:left ; 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:10px 10px 10px 10px}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }
    #pie {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px ;
    overflow: hidden }



    ESPERO QUE TENGA SOLUCION. POR CIERTO SIGUE PENDIENTE EL POST DE LO DEL MENU, ESTA VEZ OS MANDO LA URL DE LA IMAGEN.
    • Yaneth · · Solicitar retirada
    hola

    ya un una ocasion te lo habia comentado

    <ul>
    <h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    en rojo, eso tu lo pusiste??
    al ser h1 lo toma como parrafo, y hace que los enlaces se muevan de su lugar y se desborden
    • brans · · Solicitar retirada
    ya lo solucione. Pero ahora me surge el problema de que a los lados del pie de pagina no salen las lineas negras que deberian de salir.
    http://img15.imageshack.us/img15/135/piedepaginano.jpg



    PLANTILLA HTML:


    <!DOCTYPE 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">
    <head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    <body>
    <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><h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    </div>
    <div id="contenido">
    <div id="menu"><h1>Menu</h1>
    <ul>
  • Team Death Match
  • Elimination
  • Search and Destroy
  • Ghost Mode
  • Seleccion de Arma
    </div>
    <h1>Introduccion</h1>


    Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>


    Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>


    Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>

    ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
    </div>
    <div id="pieuno">
    <ul>
  • Principal
  • Sobre escenarios


  • </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>
    </body>
    </html>



    ESTILO 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 }
    #cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
    #logotipo {width:280px ; float:left}
    #publicidad {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 20px 0px 20px}
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-curva-superior.gif); padding-top:12px }
    #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 }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }


    Gracias...
    • kevin · · Solicitar retirada
    hola en la lineas de pie , pie uno y pie dos y tres debes colocarlo asi


    #pie {background-color: white ; border-left: black 0px solid ; border-right: black 0px solid ; border-top: black 1px solid ; height: 65px}
    #pieuno {float:left ; width:150px ; border-left: black 1px solid}
    #piedos {float:left ; width:498px ; background-color: silver }
    #pietres {float:left ; width:150px ; border-right: black 1px solid}

    porque pasa el problema es porque si lo pones como lo tienes no se veran las lineas debido a que estan tapadas por el pie uno y pie tres por eso debes colocarselo a pie uno y a pie tres los border

    saludos , buen dia
    Att. Kevin
    brans · · Solicitar retirada
    gracias, pero ahora falta un trozo para que llegue a la parte de abajo. que sera?

    * {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 }
    #cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
    #logotipo {width:280px ; float:left}
    #publicidad {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 20px 0px 20px}
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-curva-superior.gif); padding-top:12px }
    #pie {background-color: white ; border-left: black 0px solid ; border-right: black 0px solid ; border-top: black 1px solid ; height: 65px}
    #pieuno {float:left ; width:150px ; border-left: black 1px solid}
    #piedos {float:left ; width:498px ; background-color: silver }
    #pietres {float:left ; width:150px ; border-right: black 1px solid}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
    brans · · Solicitar retirada
    ademas tengo el problema de que al insertar el codigo #pie li {list-style:none} siquen apareciendo los puntos.



    PLANTILLA HTML:


    <!DOCTYPE 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">
    <head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    <body>
    <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><h1>Ayuda</h1>
  • Controles de Juego
  • Fallos de Juego</l>
  • Comparaciones
  • Trucos de Sniper

    </div>
    <div id="contenido">
    <div id="menu"><h1>Menu</h1>
    <ul>
  • Team Death Match
  • Elimination
  • Search and Destroy
  • Ghost Mode
  • Seleccion de Arma
    </div>
    <h1>Introduccion</h1>


    Esta pagina la cree con el fin de enseñar trucos del crossfire de z8 games. Ya se que en muchas paginas se ven trucos como estos, pero me gustaria enseñaroslos como los hago yo.</p>


    Gracias al menu que teneis a vuestra izquierda, podreis visitar cada uno de los modos de juego y, dentro de ellos, encontrareis los difrentes escenarios y videos de los trucos.</p>


    Luego, abajo, en el menu, podreis ver la seccion "Seleccion de Arma", donde aconsejo que arma puede ser la ideal para un shoooter o assault.</p>

    ESTO ES TODO POR AHORA!! ESPERO QUE DISFRUTEN CON LA PAGINA!!</p>
    </div>
    <div id="pieuno">
    <ul>
  • Principal
  • Sobre escenarios
  • Z8Games

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Sobre parches
  • Consejos
  • Fotos

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




    ESTILO GENERAL:



    * {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 }
    #cabecera {background-color: white ; width:800px ; height: 80px ; overflow: hidden ; border-left: black 1px solid ; border-right: black 1px solid}
    #logotipo {width:280px ; float:left}
    #publicidad {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 20px 0px 20px}
    #navegacion ul { margin-left: 100px }
    #contenido {background-color: orange ; float:left ; border-left: black 1px solid ; border-right: black 1px solid}
    #contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
    #menu {width: 150px ; float:left ; text-align:left ; margin:10px 10px 10px 10px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom}
    #menu li {list-style:none ; margin: 4px 0px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-curva-superior.gif); padding-top:12px }
    #pie {background-color: white ; border-left: black 0px solid ; border-right: black 0px solid ; border-top: black 1px solid ; height: 65px}
    #pie li {list-style: none }
    #pieuno {float:left ; width:150px ; border-left: black 1px solid}
    #piedos {float:left ; width:498px ; background-color: silver }
    #pietres {float:left ; width:150px ; border-right: black 1px solid}
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: silver}
    a:active {}
    #curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }
    • brans · · Solicitar retirada
    lo tengo todo cerraodo, en caso contrario donde esta el div pie?
    kevin · · Solicitar retirada
    hola, el problema es que no esta el div pie

    <div id="pie">
    <div id="pieuno">
    <ul>
  • Principal
  • Sobre escenarios
  • Z8Games

    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
  • Sobre parches
  • Consejos
  • Fotos

    </div>
    </div>

    donde eta la parte de pie uno y pie dos y pie tres sustituyelo por lo que puse arriba
    • Att. Kevin