Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: Problema en el pie de mi pagina.

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    13 mar, 08
    Mensajes
    14
    Poder de Reputación
    18

    Problema en el pie de mi pagina.

    Señores muy buenas tardes, les copio mi index y la hoja de css, a ver si alguien encuentra mi error. Hace dos dias que estoy estancado en la creacion de mi web, tengo un problema que creia que era por una mala sintaxsis en mi hoja de estilo, pero viendo bien creo que el error esta el el index, estoy casi seguro que me esta faltando una etiqueta de cierre pero no la encuentro. Salvo en IE, los otros navegadores ven el pie al principio de la pagina Hace mas de 48 hs que leo y releeo el index y no doy con el error. Si alguno tiene tiempo y me echa una mano, se lo agradezco.

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

    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>Pagina de los Bomberos Voluntarios de Tigre</title>
    <link rel="stylesheet" href="estilo-gral.css" type="text/css" media="all">
    <link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
    <script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
    <script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
    </head>
    <body onload="init();">
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html"><img src="objetos/fondo.png" alt="Clic para ir al inicio"></a></div>
    <div id="telefonos"><h1>Telefonos de Emergencias</h1><br><p>Cuartel Central Pedro Guarechi 111 Tigre 4749-2222</p><p>Destacamento 1 Los Troncos Lisandro de la Torre 2343 Tel 4715-2222</p><p>Destamento 2 Rincon Av. Santa Maria 2343 Tel 4736-2222</p><p>Destacamento 3 1er Secc Islas Arroyo Espera Muelle 4 Mosquitos Tel 4738-2348</p></div>
    <div id="publicidad"><h2>Bienvenidos a la web de los</h2><img src="objetos/logo.gif"alt=""></div>
    </div>
    <div id="navegacion"><ul><li><a href="index.html">Home</a></li><li><a id="desplegable1" href="#">Historia</a></li><li><a id="desplegable2" href="#">Cuerpo</a></li><li><a id="desplegable3" href="#">Unidades</a></li><li><a id="desplegable4" href="#">Edificios</a></li><li><a id="desplegable5" href="#">Fotos</a></li></ul></div>
    <div id="contenido">
    <div id="imagen">
    <div id="central"><img src="objetos/cuartel.jpg" alt="Cuartel Central Tel 4749-2222"></div>
    <div id="dto1"><img src="objetos/cuartel.jpg" alt="Dto 1 Tel 4715-2222 "></div>
    <div id="dto2"><img src="objetos/cuartel.jpg" alt="Dto 2 Tel 4736-3620"></div>
    <div id="dto3"><img src="objetos/cuartel.jpg" alt="Dto 3 Tel"></div>
    </div>
    <br>
    <p class="centrado">Hoy como jefe del cuerpo activo de los Bomberos Voluntarios de Tigre, tengo el agrado de presentar la nueva página
    de internet de esta prestigiosa institución. Un sueño, un proyecto hecho realidad en estos tiempos donde la internet esta presente en todos
    los lugares del mundo, Bomberos de Tigre no podía no estar presente en el ciberespacio.<p>
    <p class="centrado">Esta pagina tiene por fin dar a conocer a toda la sociedad, quienes están detrás, quienes son aquellos hombres
    y mujeres anónimos que voluntariamente día a día dedican horas de sus vidas a proteger a su sociedad, sin mas recompensa que el solo
    hecho de saber que hicieron bien su trabajo. Hombres y mujeres que parten su vida en dos grandes amores, su familia y su cuartel, que
    aprenden constantemente, se entrenan hasta el cansancio para que, cuando llegue el momento de enfrentar a su enemigo,
    este no lo doblegue. </p>
    <br>
    <p class="centrado">Verán cuales son nuestras unidades, y herramientas para trabajar en los interminables servicios en los que tomamos
    intervención, desde ese gatito en un árbol, hasta esos incendios que duran días interminables. Donde están nuestros cuarteles y quienes
    son los encargados de administrar nuestros pocos recursos.</p>
    <p class="centrado">Deseo que esta pagina se de vuestro agrado, en ellas están nuestros teléfonos, que esperemos nunca tengan que usarlos,
    salvo para saludarnos, comentarnos mejoras, y por que no acercarse a nosotros, para conocernos y ayudarnos.</p>
    <br>
    <p class="centrado">Cordialmente.</p>
    <br>
    <br>
    <br>
    <p class="centrado">Comandante Mayor</p>
    <p class="centrado">1</p>
    <p class="centrado">Jefe del cuerpo Activo</p>
    </div>
    <div id="pie"><h1>donde esta el error</h1></div>
    <div id="pieuno"><ul><li><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li></ul></div>
    <div id="piedos"><p>Pagina de los Bomberos Voluntarios de Tigre.</p><p>Cuartel Central Pedro Guarechi Tel</p><p>Dto 1</p><p>Dto 2</p><p>Dto 3</p></div>
    <div id="pietres"><ul><li><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li></ul></div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    * {text-ident:0px;margin:0px; padding:px; border:0px;}
    a {color: red; text-decoration: none; display:block;}
    a:link {}
    a:visited {color: blue}
    a:hover {color:orange; text-decoration:underlin;background-color: silver;}
    a:activate {}
    #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}
    p {text-align:justify;}
    .centrado {margin:0px 50px 0px 100px}
    h1 {font-size:1.2em; color:blue; font-weight:bold; text-decoration:underline;text-align:center;}
    h2 {font.size:1.1em; color:black; font-weight:bold; text-decoration:none;text-align:center;}
    body {text-align:center;}
    #global {width:1280px; margin:4px auto;}
    #curva-superior {background-image:url(objetos/curva-superior.gif);background-repeat:no-repeat; width:1280px; height:12px; overflow:hidden;}
    #cabecera {background-color:white; border-left:black 1px solid;border-right:black 1px solid; width:1280px;}
    #logotipo {width:180px; float:left;}
    #telefonos {width:500px; float:left;}
    #publicidad {background-image:url(objetos/cuartelcentral.jpg);background-repeat:no-repeat;background-position: center ; width:500px; height: 150px; float:right;margin: 3px 10px 3px 3px}
    #navegacion {border: black 1px solid; height:30px; width:1280px;}
    #navegacion li {float:left; list-style:none; margin:0px 10px 0px 10px;}
    #navegacion ul {margin-left: 400px }
    #contenido {background-color:silver; width:1280px; float:left;border-left:black 1px solid; border-right:black 1px solid;}
    #contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
    #central {width:319px;float:left}
    #dto1 {width:319px;float:left}
    #dto2 {width:319px;float:left}
    #dto3 {width:319px;float:left}
    #menu {width: 250px ; 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:3px 5px 6px 30px;}
    #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: 300px;background-color:red }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width: 150px;}
    #piedos { border-left: black 1px solid ;border-right: black 1px solid ;border-bottom: black 1px solid ;color:red ; float:left ; width: 480px }
    #pietres {float:right ; width: 150px; height: 12px }
    #curva-inferior {background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat; width:1280px; height:12px; overflow:hidden;}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de lantiga
    Fecha de Ingreso
    23 feb, 11
    Mensajes
    905
    Poder de Reputación
    17
    Tio la tienes online?
    Suscribete a Los videotutoriales de Lantiga y podre hacer vídeos más largos y con mejor calidad.

  3. #3
    Me va gustando esto... Habitante Avatar de adonisjuarez
    Fecha de Ingreso
    29 abr, 11
    Ubicación
    Choloma
    Mensajes
    55
    Poder de Reputación
    13
    Esta dificil ayudarte hgrasponi porque no esta el la red aun, Estuve revisando y te dire que el pie uno no se cierra ahi, En ves de esto <div id="pie"><h1>donde esta el error</h1></div> tiene que quedar asi <div id="pieuno"> y lo cierras al final del pie tres..

    asi: <div id="pie">
    <div id="pieuno">
    <ul>
    <li><a href="#">Foro Ejemplo</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>
    <li><a href="#">Directorio</a></li><li><a href="#">Top site</a></li><li><a href="#">Mapa de la web</a></li>
    </ul>
    </div>
    </div>

    Despues de esto tienes esta etiqueta que no veo que este cerrada: <div id="imagen">

    Suerte...

Temas Similares

  1. Problema con el pie de pagina
    Por Starbuck82 en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 14/08/2008, 15:02
  2. problema con la pagina
    Por bamboogdl en el foro Foro General
    Respuestas: 5
    Último Mensaje: 10/07/2006, 20:19

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •