Regresar a la página www.ComoCrearTuWeb.com
Página 1 de 2 12 ÚltimoÚltimo
Resultados 1 al 15 de 16

Tema: mi web se ve mal con mozilla firefox

  1. #1
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18

    mi web se ve mal con mozilla firefox

    hola amigos tengo problemas con la pagina que se ve mal con mozilla estoy haciendo las lecciones de como crear tu web pero cuando agrego la imagen sale montada, esta es la pagina gigaelectronica.onlinewebshop.net

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    bueno e aqui el problema

    <div id="logotipo">[img]objetos/logotipo.jpg[/img] </div>

    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}

    tu imagen tiene una altura de 120px y tu cabezera una altura de 85 px

  3. #3
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    gracias, muchas gracias ya se ve bien voy ha seguir con el curso....

  4. #4
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    hola otra vez por aqui, la pagina me sale corrida el texto en mozilla y no veo el error gigaelectronica.onlinewebshop.net

  5. #5
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    Corrida?????? explicate no veo ningun texto corrido

  6. #6
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    bueno supongo q dices lo q el contenido se separa de la navegacion bueno arregla esto

    #cabecera {float:left;background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:125px;width:800px}

    #navegacion {float:left;background-color: #C6E2FF ; border: black 1px solid ; height:20px ;width:800px}

    #contenido {float:left;background-color:#D1EEEE ; border-left: black 1px solid ; border-right: black 1px solid;width:800px }

    #pie { float:left;background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid ;width:800px}


    prueba aumentando lo q puse en rojo y avisas como te fue

  7. #7
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    hola no logro conseguir que el recuadro que dice bienvenidos a las asesorias gigaelectronica se separe de la cabecera en mozilla es que tengo ese problema ya hice lo que me pediste pero se pone peor aumente el ancho, lo baje y nada si necesitas te mando el codigo y gracias de ante mano

  8. #8
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    mmm q raro bueno pega tu html y tu css y remarca lo q quieres q se arregle

  9. #9
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    <html>
    <head>
    <title>Page title</title>
    <link rel="stylesheet" href="asesorias.css" type="text/css" media="all">
    <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">[img]objetos/logotipo.jpg[/img] </div>
    <div id="publicidad">Bienvenidos a las Asesorias en GIGAELECTRONICA</div>
    </div>


    <div id="navegacion">
    <ul>[*]Circuitos[*]Tutoriales[*]Asesorías[*]Productos[/list]
    </div>
    <div id="contenido">
    <div id="menu"> <ul>
    <h1>Título de Sección 1</h1>
    [*]Enlace 1[*]Enlace 2[*]Enlace 3[/list]
    </div>

    Bienvenidos a GIGALAECTRONICA , el sitio dedicado a los amantes de la electrónica.
    En GIGALAECTRONICA encontrarás gran cantidad de información útil para desarrollar tus proyectos. Ponemos a tu disposición circuitos, tutoriales, información técnica, temas de electrónica básica o digital y todo lo que se necesita para disfrutar de este interesante mundo. También editamos una revista gratuita, en formato digital, que puedes descargar libremente.
    Hemos dividido el material disponible en diferentes secciones, para que te sea más fácil encontrar lo que buscas. Puedes ponerte en contacto con nosotros escribiéndonos un email.
    </p></div>
    <div id="pie">Este es el pié de página</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: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 {float:left ;background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:125px;width:800px}
    #logotipo {width:200px ; float:left }
    #publicidad {background-color:#D1EEEE; width:500px ; float:right;
    margin-top:10px;color:#0000EE;font-weight: bold ;
    border: black 1px solid ;font-size:25px; margin-rigt:20px}

    #navegacion {float:left ;background-color: #C6E2FF ; border: black 1px solid ;
    height:20px;width:800px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 50px 0px 50px }
    #navegacion ul {margin-left: 30px;; font-weight: bold ;font-size:13px;
    text-decoration:none ; font-size:16px }

    #contenido {float:left ;background-color:#D1EEEE ; border-left: black 1px solid ;
    border-right: black 1px solid;width:800px }
    #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 {float:left ;background-color: white ;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid;width:800px }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color:#0000EE; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {text-decoration:underline ; background-color: silver}
    a:active {}

  10. #10
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    y como quieres q se separe de la cabecera??????????

    a q lado se separe o quieres q se separe de algun borde????

  11. #11
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    hola kamael yo cre que ya solucione el problemilla, sera que puedes revisar la pagina http://gigaelectronica.onlinewebshop.net/asesorias.html
    me gustaria correr un poco mas el texto "bienvenidos a las asesorias en gigaelectronica" a la izquierda , es decir, mas pegado al logo ingnieria electrica, disculpa tanta molestia, es que realmente yo nunca habia hecho una pagina web mucho menos trabajar con html, estaba buscando el dreamweaver que he leido que es mucho mas facil para realizar una pagina pero aun no lo consigo, mientras tanto darle con esto

  12. #12
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    se me ocurre mmm


    haber pon esto :

    #micro {width:95px ;margin-right:2px;float:right;margin-left:16px}

    #publicidad {width:400px;float:left;text-align: center;
    color:#0000EE;font-weight: bold ;
    font-size:28px}

    bueno cambie el largo y aumente margen a la imagen intenta con eso veamos como te va

  13. #13
    Recien Llegado! Habitual
    Fecha de Ingreso
    08 abr, 09
    Mensajes
    10
    Poder de Reputación
    18
    hola decidi hacer de nuevo mi pregunta aqui y aque el problema es el mismo, no se ve bien mi web con mozilla, en el siguiente enlace http://gigaelectronica.onlinewebshop.net/asesorias.html cuando lo vean observan que la figura que esta al final de la pagina me aparece corrida, como lo podria solucionar

  14. #14
    Recien Llegado! Habitual
    Fecha de Ingreso
    13 oct, 09
    Ubicación
    Colombia
    Mensajes
    14
    Poder de Reputación
    17
    Hola... mi Página tampoco se ve bien con Mozilla... adicionalmente al ver al página en otros computadores, como incluí una fuente que descargué exclusivamente para el logo y la imagen corporativa, entonces no se vé con dicha fuente...

    Lo primero que veo que se vé mal inclusive en Internet Explorer, es el fondo del menú lateral...,

    Lo segundo... que desearía incluir la fuente en la página para que toda persona la vea correctamente en cualquier computador...

    Lo tercero, es que en Mozilla se ve algunos detalles mal, como por ejemplo se baja la barra de navegación, se pierde parte de Publicidad y el mensaje de copyright aparece en un tamaño de fuente que no corresponde al que le coloqué....

    Incluyo mi código:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>.:Hidrogem Bogotá:. - Antecedentes -</title>
    <link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
    <style type="text/css">
    body {overflow-x:auto ; scrollbar-face-color: Black ; scrollbar-highlight-color: white ; scrollbar-3dlight-color: white ; scrollbar-darkshadow-color: white ; scrollbar-shadow-color: white ; scrollbar-arrow-color: white ; scrollbar-track-color: WHITE}
    </style>
    </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">Por la Economía y el Medio Ambiente...

    [img]../objetos/linea.gif[/img]</p>

    Generadores de Hidrogeno para Automotores</p></div>
    </div>
    <div id="navegacion"><ul>[*]Portada[*]Antecedentes[*]Funcionamiento[*]Estadisticas[*]Eventos[*]Contactenos[/list]</div>

    <div id="contenido">

    <div id="menu">
    <h1>Antecedentes</h1><ul>[*]Artículo USA[*]Que es el Hidrogeno?[*]Otros Art&iacute;culos[*]Actualidad 1[*]Actualidad 2[*]Actualidad 3[/list]
    </div>

    <h1>Antecedentes - Hidrogem</h1>
    <h2>¿Cu&aacute;nto falta para utilizar el hidr&oacute;geno como combustible?</h2>


    Hidrogem, ha nacido para suplir muchas necesidades de los conductores tanto particulares como de servicio p&uacute;blico y de transporte pesado, pues tiene m&uacute;ltiples beneficios, pero muchas personas nos preguntan si este producto es nuevo o es una invenci&oacute;n reciente. </p>
    <div id="imageleft">[img]objetos/carretera.png[/img]</div>


    La respuesta es no. Este es un producto que ya existe en varios pa&iacute;ses, como Alemania, M&eacute;xico, inclusive en Nueva York los veh&iacute;culos y camionetas de la Polic&iacute;a son H&iacute;bridos (funcionan con Gasolina e Hidrogeno). Pero esto no es todo, muchas empresas del sector automotriz han estado buscando nuevas tecnolog&iacute;as para que los carros salgan de fabricaci&oacute;n H&iacute;bridos o que funcionen solo con Hidrogeno (estos &uacute;ltimos son carros el&eacute;ctricos que funcionan con Hidrogeno L&iacute;quido y no con Hidrogeno Gaseoso que es nuestro caso). </p>


    En este apartado encontrar&aacute;n que es el Hidrogeno, un articulo que nos llam&oacute; mucho la atenci&oacute;n pues habla de lo Macro del tema del Hidrogeno como Combustible, pero no miran lo micro que es ya viable con Hidrogem.</p>
    <div id="imageright">[img]objetos/logo-simbolo.jpg[/img]</div>


    Tambi&eacute;n incluimos varios art&iacute;culos sobre el tema de autos H&iacute;bridos y a Hidrogeno que justifican que este no es un tema nuevo, por el contrario ha sido y es una b&uacute;squeda constante, pues sin llegar a ser dram&aacute;ticos, este es el Futuro del Sector Automotriz</p>




    <div class="buscador">

    <!-- <form method="get" action="http://www.google.es/custom" target="google_window">
    <table border="0" bgcolor="#ffffff">
    <tr><td nowrap valign="top" align="left" height="32">
    <a href="http://www.google.com/">
    </a>
    </td><td nowrap>
    <input type="hidden" name="domains" value="HidrogemBogota">
    <input type="text" name="q" size="31" maxlength="255" value="">
    <input type="submit" name="sa" value="Búsqueda">
    </td></tr>
    <tr>
    <td></td><td nowrap>
    <table>
    <tr>
    <td>
    <input type="radio" name="sitesearch" value="" checked>
    <font size="-1" color="#000000">Web</font>
    </td><td>
    <input type="radio" name="sitesearch" value="HidrogemBogota">
    <font size="-1" color="#000000">.:Hidrogem Bogotá:.</font>
    </td></tr>
    </table><input type="hidden" name="client" value="pub-9883707076618006">
    <input type="hidden" name="forid" value="1">
    <input type="hidden" name="ie" value="ISO-8859-1">
    <input type="hidden" name="oe" value="ISO-8859-1">
    <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#FEF1C3;VLC:663399;AH :center;BGC:FEF1C3;LBGC:FEF1C3;ALC:0000FF;LC:0000F F;T:000000;GFNT:0000FF;GIMP:0000FF;LH:30;LW:50;L:h ttp://hidrogem.onlinewebshop.net/">
    <input type="hidden" name="hl" value="es"> xxx-->
    </td></tr></table></form>
    </div>



    <div id="flechas">
    <div id="flechaanterior">[img]../objetos/flechaizquierda.gif[/img]</div>
    <div id="flechaarriba">[img]../objetos/flechaarriba.gif[/img]</div>
    <div id="flechasiguiente">[img]../objetos/flechaderecha.gif[/img]</div>
    </div>

    <h3>Copyright © 2009 ABA Distribuciones</h3>
    </div>

    <div id="pie">
    <div id="pieuno"><ul>[*]Foro Hidrogem Bogot&aacute;[*]Cont&aacute;ctenos[*]Otras P&aacute;ginas de Interes[/list]</div>
    <div id="piedos">[img]../objetos/autorojo.gif[/img]</div>
    <div id="pietres"><ul>[*]Directorio[*]TopSite[*]Mapa de la Web[/list]</div>
    </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: 2.5em; color:Black ; font-weight: bold ; text-decoration: underline; text-align: center ; font-family:"Alexis" ; padding:20px}
    h2 {font.size: 1.5em; color:Black ; font-weight: bold ; text-decoration: none ; text-align: center ; font-family:"Copperplate Gothic Bold"}
    h3 {font.size: 0.6em; color:Black ; font-weight: bold ; text-decoration: none ; text-align: center ; font-family:"Century Gothic"}
    h4 {padding:5px 10px 5px 10px ; text-indent: 10px ; font.size: 0.9em; color:Black ; font-weight: bold ; text-decoration: none ; text-align: left ; font-family:"Century Gothic"}
    a {color: white; text-decoration: none ; display: block}
    a:link {}
    a:visited {}
    a:hover {color: Black; text-decoration: underline ; background-color:#FF8C00}
    a:active {}
    body {text-align: center ; background-image: url(objetos/fondo-principal.png)}
    #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:95px}
    #logotipo {width:413px ; float:left }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #publicidad {width:385px ; float:right ; margin-top:20px ; margin-bottom:10px ; font-size:22px ; font-family:"Copperplate Gothic Bold"}
    #publicidad p {font-size:14px ; font-family:"Copperplate Gothic Bold" ; text-align: center}
    #navegacion {background-color: black ; border: black 1px solid ; height:28px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px ; font-size: 18px ; color:white}
    #navegacion ul {margin-left: 30px }
    #contenido {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
    #contenido p {padding:5px 10px 5px 10px ; text-indent: 10px ; font-size: 16px ; font-family:"Century Gothic" ; color: #8B0000}
    #contenido a {color: Black; text-decoration:none ; display: block}
    #contenido a:link{}
    #contenido a:visited {}
    #contenido a:hover {color:#8B0000 ; text-decoration:underline ; background-color: white }
    #contenido a:active {color:Black}
    #imageleft {margin:5px 10px 5px 10px ; float:left }
    #imageright {margin:5px 10px 5px 10px ; float:Right }
    #flechas {margin:20px 10px 5px 10px}
    #flechaanterior {float:left ; width:140px}
    #flechaarriba {float:left ; width:498px}
    #flechasiguiente {float:left ; width:140px}
    #menu {width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom }#menu h1 {text-decoration:none ; font-size:16px ; background-image: url(objetos/menu-parte-superior.gif); padding-top:12px}
    #menu li {list-style:none ; margin: 5px 8px 5px 7px}
    #menu a {font-size:14px ; color:Black ; font-family:"Copperplate Gothic Bold"}
    #menu a:link {}
    #menu a:visited {}
    #menu a:hover {color: White; text-decoration: underline ; background-color:Black}
    #menu a:active {color: Red ; background-color:Black}
    #pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px}
    #pie a {color: Black; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:#8B0000 ; text-decoration:underline ; background-color: white}
    #pie a:active {color:Black}
    #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 }

    Agradezco mucho me puedan colaborar...

  15. #15
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 oct, 09
    Ubicación
    Bolivia
    Mensajes
    430
    Poder de Reputación
    19
    Hola bibisfreak

    te agradeceria q abrieras un nuevo post, no lo tomes a mal esq en este post
    se esta solucionando el problema de arlexjo y al ver tu html me distraigo :P
    Solo se que nada se
    Los errores de los demas son un metodo de aprendizaje extra :P

    Para seguir la trayectoria:
    mira al maestro,
    sigue al maestro,
    camina junto con el maestro,
    mira a través del maestro,
    conviértete en el maestro.

Página 1 de 2 12 ÚltimoÚltimo

Temas Similares

  1. Mozilla Firefox
    Por epilef en el foro Foro General
    Respuestas: 5
    Último Mensaje: 10/04/2008, 13:30

Permisos de Publicación

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