Entrar

Busco consejos para Correcion de web en diferentes navegador

thedavis69k · · Solicitar retirada
Les explico que se me ve mal en el navegador Firefox, el mio es internet explorer y se ve bien.

En realidad no quiero ponerles la joda de todooo el codigo asi que unos consejos de como arreglarlos me ayudaran :D

Porque hace poco me di cuenta que </div> siempre va el final, no duplicar {{ y cosas como esa que arreglaron algo el problema. asi que me gustaria q me ayudara sin conocen algo hacerk.

^^, Gracias de Antemano.

http://prototype.mywebcommunity.org/

Les explico que veo que no salen ni el fondo ni la alineacion como si la hoja de estilos no existiera.

Tambien el tamaño y cosas todas aplicadas a la hoja de estilo..
^^ espero q me ayuden ya que muchos tenemos problemas similares.
Yaneth · · Solicitar retirada
Hola

Necesitamos mas pistas para poder ayudarte

cual es la url de tu página

que es lo que quieres arreglar??'

saludos
Yaneth · · Solicitar retirada
Hola

te iré diciendo conforme lo vea ok-??
para empezar tienes esto:

[contenido no disponible]

y te sobran todos esos ";"

eliminalos tooodos y me dices ok??
(los punto y comas, solo van en el css, no en html)

saludos
Yaneth · · Solicitar retirada
aqui te falta cerrar (en rojo)
y en azul el cierre del "a" va antes de cerrar el "li" no despues

<ul>
  • Forum
  • <a href="Contact.html">Contact
  • Link



    saludos
    • thedavis69k · · Solicitar retirada
    Disculpen el doble post.

    Pero quiero que los que tengan problemas con firefox, (este navegador se ve genial) tiene un consola de error

    Se preguntara que diablos es eso, pues las cosas que no encuentra, o lee mal el las omite, y te dice que hiciste mal.

    ^.^ Buen dato no?

    Pues a mi me esta ayudando a solucionar mi problemita 8)

    Asi se abre la Consola de error.

    Herramientas>Consola de error (si lo tienes en español)

    No se si abra en ingles pero debe ser algo parecido a

    Tools>Console Error.. (=S Esto NO es seguro es por decir algo)

    Espero q le ayude
    Yaneth · · Solicitar retirada
    Y aqio otro punto y coma de sobra

    <div id="cabecera1">[contenido no disponible]</div>

    y
    otro mas
    <div id="cabecera3">[contenido no disponible]</div>
    thedavis69k · · Solicitar retirada
    Bueno la cosa va de mejor en mejor..

    Pero todavia se ve raro...

    les paso el codigo de mi pagina principal.

    <!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">
    <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="cabecera1">[contenido no disponible]</div>
    <div id="cabecera2">[contenido no disponible]</div>
    <div id="cabecera3">[contenido no disponible]</div>
    </div>


    <div id="navegacion">
    <ul>
  • Home
  • Service
  • Parts
  • Equipmeat Sale
  • Specials
  • Specials Service
  • Mission statemeant
  • Member Area
  • Contatcs
  • Links

    </div>
    <div id="contenido2">

    <h1>Here is Intro, "In contrucction"</h1>

    <div id="login">
    <h1>Login</h1>


    User:____________</p>


    Password:________</p></div></div>



    <div id="pie">
    <div id="pieuno">
    <ul>
  • Forum
  • <a href="Contact.html">Contact
  • <a href="link.html">Link

    </div>

    <div id="piedos"> [correo eliminado]</div>

    <div id="pietres">
    <ul>
  • Address
  • Top Site
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    por ahora esta en reparacion, asi que si ven algun errorcito me avisan.

    por lo menos ahora se ve los colores y cosas asi, esta mejorando.

    pero todavia no encuentro q se alinien como quiero.

    al parecer en la pagina de estilos todo va bien
    • Natashka · · Solicitar retirada
    Te siguen sobrando puntos y comas ";"

    <div id="cabecera2">[contenido no disponible]</div>
    <div id="cabecera3">[contenido no disponible]</div>

    Los elementos LI tal y como dice Jorgens en las lecciones, tienes que ponerlos todos seguidos, no uno en cada linea. Asi evitas separaciones no deseadas en explorer.

    <div id="navegacion">
    <ul>
  • Home
  • Service
  • Parts
  • Equipmeat Sale
  • Specials
  • Specials Service
  • Mission statemeant
  • Member Area
  • Contatcs
  • Links

    </div>

    • Mejor así:

    <div id="navegacion">
    <ul>
  • Home
  • Service
  • Parts
  • Equipmeat Sale
  • Specials
  • Specials Service
  • Mission statemeant
  • Member Area
  • Contatcs
  • Links
    </div>

    • Es un poco rollo y pesado de leer y modificar, pero es lo que hay.


    No pongais ningun texto en el que ponga "en construccion". No es oficial, pero yo pienso que si Google lee las palabras "en construccion" o similares, pensará eso, que está aún en fase de construcción y puede que aun no os coloque en buenas posiciones. Es solo una teoria sin fundamente... Si no está terminada no la pongas, no?

    Esto está malamente:
    <div id="pieuno">
    <ul>
  • Forum
  • <a href="Contact.html">Contact
  • <a href="link.html">Link

    </div>

    • Olvidaste cerrar los enlaces. Así está mejor ( y bien, claro ;) ) :
    <div id="pieuno">
    <ul>
  • Forum
  • Contact
  • Link

    </div>

    • al parecer en la pagina de estilos todo va bien
    Tienes razón, "al parecer" ;) así que... por qué no nos pegas esos codigos tambien? je je je.

    Un beso! Vas muy bien! :lol:
    thedavis69k · · Solicitar retirada
    Son unos genios :shock:

    Gracias por ayudarme en esta tarea ardua y fastidiosa. por ahora he modificado algunas cosa y parece que va mejor no mucho pero la diferencia de un principio es notoria Gracias a ustedes.

    Pues aqui esta.. espero no tener nada malo u.u



    * {text-indent:0px; margin:0px ; padding:0px ; border: 0px; font-family:Calibri, Tahoma}

    p {text-align: justify}

    h1 {font-size: 1.2em;font-weight: bold ; text-decoration: underline ; text-align: center}
    h2 {font-size: 1.1em; color: Black ; font-weight: bold ; text-decoration: none ; text-align: left; margin:15px ; padding:15px;}
    h3 {color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; padding:1px;}
    h4 {color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; margin:30px;}


    body {text-align: center;background-color:black}

    #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-image: url(objetos/fondo-cabecera2.png); border-left:black 1px solid ; border-right:black 1px solid;height:150px; width:798px}
    #cabecera1 {float:left ;padding:30px 100px 0px 30px;}
    #cabecera1 image {float:left; padding: 3px;}
    #cabecera2 {float:left; width:240px;}
    #cabecera2 a {}
    #cabecera2 a:link {}
    #cabecera2 a:visited {}
    #cabecera2 a:hover {background-image: url(objetos/fondo-cabecera2.png)}
    #cabecera2 a:active {}
    #cabecera3 image {}
    #cabecera3 {float:left; width: 250px; padding:30px 0px 30px 10px}


    #logotipo {width:0px;float: left}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {}
    #logotipo a:active {}

    #navegacion {width:798px;}
    #navegacion li {float:left; list-style:none; margin: 0px; padding: 5px 5px 0px 4px; font-size:1em;}
    #navegacion ul {margin-left: 10px;padding:1px}

    #contenido {background-image: url(objetos/fondo-degradado2.png); border-right: black 1px solid ; border-left: black 1px solid; padding: 10px 15px 5px 15px; width:800px; margin: 1px 0px}
    #contenido h1 {Padding: 15px}
    #contenido2 {width:798px; height:200px;background-image: url(objetos/fondo-degradado2.png); border-right: black 1px solid ; border-left: black 1px solid; padding: 10px 0px 5px 15px;list-style: none}
    #contenido2 h1 {}
    #capa-contenido {font-size: 1.1em; font-weight: bold ; text-decoration: none;}
    #capa-contenido image {margin: 30px 17px;}
    #capa-contenido li {list-style: none; float:left; margin: 30px 0px}
    #capa-contenido a {}
    #capa-contenido a:link {}
    #capa-contenido a:visited {}
    #capa-contenido a:hover {background-color:#F4A460}
    #capa-contenido a:active {}

    #capa-contenido2 {font-size: 1.1em; font-weight: bold ; text-decoration: none; height:300px;}
    #capa-contenido2 image {margin: 30px 30px;}
    #capa-contenido2 li {list-style: none; float:left; margin: 30px 0px}
    #capa-contenido2 a {}
    #capa-contenido2 a:link {}
    #capa-contenido2 a:visited {}
    #capa-contenido2 a:hover {background-color:#F4A460}
    #capa-contenido2 a:active {}

    #capa-contenido3 {font-size: 1.1em; font-weight: bold ; text-decoration: none; height:300px; padding: 0px 0px 0px 10px}
    #capa-contenido3 image {margin: 30px 20px;}
    #capa-contenido3 li {list-style: none; float:left; margin: 30px 0px}
    #capa-contenido3 a {}
    #capa-contenido3 a:link {}
    #capa-contenido3 a:visited {}
    #capa-contenido3 a:hover {background-color:#F4A460}
    #capa-contenido3 a:active {}


    #lista-contenido {width:800px; height:300px; font-size:1em}
    #lista-contenido li {text-align:left; margin: 30px;text-indent: 30px;}
    #lista-contenido p {color:#00BFFF; text-align:center}

    #lista-contenido1 {float:left; margin: 0px 30px 100px 30px}
    #lista-contenido1 li {text-align:left; }

    #lista-contenido2 {float:left}
    #lista-contenido2 li {text-align:left; }

    #lista-contenido3 {width:800px; height:300px}
    #lista-contenido3 li {text-align:center; margin: 30px;text-indent: 30px;font-size:1.1em}
    #lista-contenido3 p {text-align:left;text-indent: 5px; font-size:1.1em; margin:7px}

    #contenido p {padding: 10px 10px 5px 10px ; text-indent: 15px;}

    #menu {width:150px ; float: left ; text-align: left ; margin: 30px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif); background-position: bottom;
    padding-bottom: 5px;}
    #menu li {list-style: none ; margin: 9px 8px 4px 6px ; }
    #menu h1 {text-decoration: none; font-size: 12px ; background-image: url(objetos/menu-curva-superior.png); padding:0px}

    #pie {background-color: White ; border-top:black 1px solid ; border-left:black 1px solid ; border-right:black 1px solid;height:30px}
    #pie li {list-style: none ;}
    #pieuno {float:left ; width:220px;font-size:12px }
    #pieuno li{float:left; padding: 3px}
    #piedos {float:left; width:358px;font-size:10px }
    #piedos a {color:Black; text-decoration: none ; display: block}
    #piedos a:link {color:black}
    #piedos a:visited { color:black;}
    #piedos a:hover {color:Black; text-decoration: none ; display: block}
    #piedos a:active {color:black}
    #pietres {float:right; width: 100px;font-size:12px }
    #pietres li{float:right; padding:3px}

    #curva-inferior {background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden}

    a {color: brown ; text-decoration: none ; display: block}
    a:link{}
    a:visited{}
    a:hover{color: red ; text-decoration: underline ; background-color: silver}
    a:active{}
    #pie a {color: gray; 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}

    #navegacion {background-image: url(objetos/barra-horizontal-fondo.png); border: black 1px solid;height: 30px;}
    #navegacion a {color:Black; text-decoration: none ; display: block ;}
    #navegacion a:link {font-size: 12px}
    #navegacion a:visited {}
    #navegacion a:hover {background-image: url(objetos/barra-horizontal-fondo.png) ; text-decoration: none ; display: block;}
    #navegacion a:active {color:black}

    #menu a {color:#2F4F4F}
    #menu a:link {}
    #menu a:visited {color:#8B4513}
    #menu a:hover {}
    #menu a:active {font-size:1em; font-weight:bold;color:#2F4F4F}
    #login {border:black 1px solid; width:50px; height:50px;float:left; Margin:50px 0px 0px 10px}
    #contacts {Padding:10px; color:#8B4513; font-size: 1.3em;}
    #mini-mapa {width: 276px; height:269px;background-image: url(objetos/fondo-sin-nada.png)}
    #mini-mapa a{background-image: url(objetos/fondo-sin-nada.png)}


    Sigo corrigiendo :P ..

    Saludos
    thedavis69k · · Solicitar retirada
    Como habeis dado cuenta, no lo subi en mi server oficial todavia, asi que me hice uno provicional por ahora, para ver como va quedando.

    Lo que pasa es que como tengo muchooo tiempo libre, y me pagan por hacer nada aca, :D gracias a dios x este trabajo, y el jefe es buena gente, le hago la pagina web de sorpresa, asi que por ahora no me preocupa mucho el ranking en google.

    Tambien es colocardo cosas como

    "Intro", "Login" bla bla bla...

    Solo por hacer algo de espacio y saber mas o menos como va ir quedadon.

    Alguna hasta dicen Empty xq no se q voy a colocar todavia ^.^...

    Gracias por la correciones

    PD:

    Saben si ven en firefox, se nota que contenido esta mas afuera de los 800px no se porque? he intentando arreglarlo, pero todavia no doy con el problema. ^.^
    Yaneth · · Solicitar retirada
    Hola

    debes ponerle un ancho fijo a cabecera1, 2 y 3

    y a la curva superior le pusiste un ancho de 800px
    a cabecera le has puesto 798px de ancho
    y una altura de 20px a cabecera creo que no es suficiente
    ajustala a la altura de las imagenes que tienes dentro

    ahora checale en la hoja de estilos porque yo no encuentro
    #navegacion

    tienes
    #navegacion li
    #navegacio ul

    que quieren decir, tooodas las li dentro de navegacion
    todas las ul dentro de navegacion

    pero.... navegacion no hay

    checa eso y nos avisas

    edito si lo tienes (aunque no en su lugar jeje,) tiene un alto de 10 px muy pokito en comparacion con lo que en verdad necesita



    saludos
    Yaneth · · Solicitar retirada
    Hay un pekeño pero significativo fallo
    que me costó muchisimo encontrar

    te sobra un corchete de apertura en

    h4

    h4 {{color: Black ; font-weight: bold ; text-decoration: none ; text-align: center; margin:30px;}

    saludos
    thedavis69k · · Solicitar retirada
    Ya he hecho todas la correciones, no le he puesto tama;o a las cabecera xq se me corren =S, pero si dejo la primera sin tamaño. todo queda normal, todavia tengo el problemita de que se me sale de su tamaño el contenido, :cry:

    Pero ta muchismo mejor q antes.

    Gracias por todo ^^..