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

Tema: se abre re bien en IE pero no en Mzlla ni Ggle Chrm

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    24 ago, 10
    Mensajes
    4
    Poder de Reputación
    0

    se abre re bien en IE pero no en Mzlla ni Ggle Chrm

    IE


    en Mozilla



    aki dejo el codigo html,porque tambien se me borran unos bordes en la union curva inferior y pie de pagina.

    <!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 Prueba..sujeta a cambios</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">


    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Portada[*]Historia[*]Discografía[*]<a href="conciertos/conciertos.h
    tml">Conciertos</a>[*]Descargas[*]<a href="foro/
    foro.html">Foro</a>[*]Souvenirs[/list]
    </div>


    <div id="contenido">

    <!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>[*]Enlace 1[*]Enlace 2[*]
    Enlace 3[*]Enlace 4[/list]
    </div>
    FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->

    <h1>Bienvenidos a la página oficial de Prueba</h1>


    La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron...
    y si aprendemos a tocar algo?
    Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra.
    Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en
    el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos
    por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda,
    imagino que, igual que muchas otras</p>
    </div>


    <div id="pie">
    <div id="pieuno">
    <ul>[*]Foro Ejemploz/a>[*]<a href="#">Contactos[*]<a href="#">Nos..
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]Directorio[*]TopSite[*]<a href="#">Mapa de..
    </div>
    </div>




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





    **********************y el codigo 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 }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; 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: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {width: 150px ; 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 { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid ;
    height: 55px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno { float:left ; width:150px }
    #piedos { float:left ; width:498px }
    #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 {}
    a:link {}
    a:visited {}
    a:hover {background-color: white}
    a:active {}






    Saludos!

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    75
    hola

    estos dos están mal escritos

    <!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR
    FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->

    en pie uno te falta cerrar a, li, ul

    <div id="pieuno">
    <ul>[*]Foro Ejemploz/a>[*]<a href="#">Contactos[*]<a href="#">Nos..
    </div>

    igual en pie 3

    y en los codigos no aparece el cierre de global, el de body y el de html

    checalo
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    24 ago, 10
    Mensajes
    4
    Poder de Reputación
    0
    muchas gracias arregle los piesuno y pietres cerrandoles los li y ul y el comentario del menu lateral pero aun con el codigo asi se me sigue desplazando la curva inferior xD

    Saludos

  4. #4
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    75
    pega de nuevo los codigos para ver los cambios
    ______________________________________

    reparacion de rines


    _____________________________________

  5. #5
    Recien Llegado! Merodeador
    Fecha de Ingreso
    24 ago, 10
    Mensajes
    4
    Poder de Reputación
    0
    HTML

    <!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 Prueba..sujeta a cambios</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
    </head>
    <body>
    <div id="global">


    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo">[img]objetos/logotipo.gif[/img]</div>
    <div id="publicidad">Bienvenidos a mi Web</div>
    </div>
    <div id="navegacion">
    <ul>[*]Portada[*]Historia[*]Discografía[*]<a href="conciertos/conciertos.h
    tml">Conciertos</a>[*]Descargas[*]<a href="foro/
    foro.html">Foro</a>[*]Souvenirs[/list]
    </div>


    <div id="contenido">






    <!-- </div>


    <h1>Bienvenidos a la página oficial de Prueba</h1>


    La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron...
    y si aprendemos a tocar algo?
    Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra.
    Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en
    el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos
    por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda,
    imagino que, igual que muchas otras</p>
    </div>


    <div id="pie">
    <div id="pieuno">
    <ul>[*]Foro Ejemploz[*]Contactos[*]<a href="#">Nos..[/list]
    </div>
    <div id="piedos">pie dos</div>
    <div id="pietres">
    <ul>[*]Directorio[*]TopSite[*]<a href="#">Mapa de..[/list]
    </div>
    </div>




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



    y el 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 }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; 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: gray ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 60px }
    #contenido {background-color: orange ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {width: 150px ; 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 { background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid ;
    height: 55px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno { float:left ; width:150px }
    #piedos { float:left ; width:498px }
    #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 {}
    a:link {}
    a:visited {}
    a:hover {background-color: white}
    a:active {}

  6. #6
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,344
    Poder de Reputación
    75
    aqui
    te sobra un espacio
    <a href="conciertos/conciertos.h
    tml">
    Conciertos</a>

    <a href="foro/
    foro.html">
    Foro</a>

    Conciertos

    no cerraste "a"
    <ul>[*]Foro Ejemploz[*]Contactos[*]<a href="#">Nos..[/list]

    <ul>[*]Directorio[*]TopSite[*]<a href="#">Mapa de..[/list]

    te sobra un cierre de div

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

    algunos de los errores que te indiqué aqui, ya te los habia puesto en el mensaje anterior

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  7. #7
    Recien Llegado! Merodeador
    Fecha de Ingreso
    24 ago, 10
    Mensajes
    4
    Poder de Reputación
    0
    toda la razon al no cerrar esos espacios se me corria la imagen a la izkierda pero al cerrarlos la web se ve toda bien en todos los navegadores.


    muchisimas gracias (aprendi todo en el curso en 1 dia por que te deja curioso xD)

    Saludos

Temas Similares

  1. Respuestas: 7
    Último Mensaje: 20/07/2014, 16:45
  2. En google salen mis paginas pero el navegador no las abre
    Por juanitoelchispa en el foro Problemas de Conexión con tu Servidor?
    Respuestas: 2
    Último Mensaje: 24/05/2013, 01:29
  3. descarge winrar pero no abre ni traduce html que hago ?
    Por martin en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 14/07/2007, 01:50

Permisos de Publicación

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