Entrar

la pagina se ve distinta dependiendo del ordenador

martrix · · Solicitar retirada
hola! tengo un problema que no se muy bien a que se puede deber. resulta que en mi ordenador la pagina se ve tal como yo quiero(abriendola con ie, lo del firefox es otro tema...), pero cuando la abren otras personas en sus ordenadores(habiendoles mandado todos los archivos) hay letras que se ven mas grandes, lineas que se cambian de posicion... lo que mas me sorprende es que una de las personas tiene exactamente el mismo ordenador que yo.
alguien puede decirme a que se debe esto? :shock:
por cierto, la pagina todavia no esta subida, no se si esto tiene algo que ver...
martrix · · Solicitar retirada
todavia no tiene(no he hecho lo del dominio y eso), que otra cosa podria enseñaros para ver el error??
muchas gracias!
Yaneth · · Solicitar retirada
mmmm
es necesario ver en la red como funciona, para darte el fallo

pero si gustas lo intentamos con los codigos

pegalos aqui

saludos
martrix · · Solicitar retirada
pues de momento, por si se puede solucionar algo asi, aqui mando el archivo html y la hoja de texto, no?

1. archivo html

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

<html>
<head>
<title>pájaros y servilletas</title>
<link rel="stylesheet" href="estilosplantilla.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>
<script language="javascript" type="text/javascript">
/**************************************************************************************************
* Este script está realizado por Maestro Html y se distribuye con esta licencia: *
* http://creativecommons.org/licenses/by-nc-sa/2.5/es/ *
* ******NO ELIMINAR ESTA CABECERA****** *
* Recuerden entrar en: *
* http://destellosolutions.idoo.com/ - Soluciones de todo tipo *
***************************************************************************************************/

if (document.images) {silu1d = new Image
nuestrosproductos = new Image silu4d = new Image
vacio1 = new Image
silu2d = new Image
vacio1 = new Image
silu3d = new Image
vacio1 = new Image
silu5d = new Image
vacio1 = new Image
silu6d = new Image
vacio1 = new Image
silu1d.src = "imagenesweb/silu1d.jpg"
nuestrosproductos.src = "imagenesweb/nuestrosproductos.jpg"
silu4d.src = "imagenesweb/silu4d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu2d.src = "imagenesweb/silu2d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu3d.src = "imagenesweb/silu3d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu5d.src = "imagenesweb/silu5d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
silu6d.src = "imagenesweb/silu6d.jpg"
vacio1.src = "imagenesweb/vacio1.jpg"
}
else {silu1d = ""
nuestrosproductos = ""
document.silu = ""
silu4d = ""
vacio1 = ""
document.silucamb1 = ""
silu2d = ""
vacio1 = ""
document.silucamb2 = ""
silu3d = ""
vacio1 = ""
document.silucamb3 = ""
silu5d = ""
vacio1 = ""
document.silucamb4 = ""
silu6d = ""
vacio1 = ""
document.silucamb5 = ""
}
</script>
<style type="text/css"></style>

</head>

<body onload="init();">
<div id="global">
<div id="cabecera"></div>
<div id="logotipo">
[contenido no disponible]
</a>
</div>

<div id="navegacion">
<ul>
  • ..pájaros y servilletas..
  • quiénes somos
  • productos
  • novedades
  • pedidos

    </div>

    <div id="contenido">
    <div id="menu">
    <ul>
  • limpieza
  • servicio de mesa
  • té/café
  • accesorios cocina
  • accesorios salón
  • relojes y radios
  • textil hogar
  • curiosidades

    </div>
    <div id="cuerpoppal">
    <table align="center" width="70%" frame="void" cellspacing="30px">
    <tr>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    <tr>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    <td>[contenido no disponible]</td>
    </tr>
    </table>
    <p class="datos">vnkjdnvosivniosdnvifdnmviofdmnvimv</p>




    </div>

    <div id="pie">
    <ul>
  • privacidad
  • condiciones de pedidos
  • formas de pago

    </div>
    </div>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    2. hoja estilos


    * {margin:0px ; padding:0px ; border: 0px; list-style:none}

    body {text-align: center;
    background-color: #FFFAFA
    }

    #global {width:800px;
    margin: 4px auto;
    background-color: #828282;
    }

    #logotipo {background-color: #828282;
    width:800px;
    height:150px;
    float:center;
    }

    #navegacion {background-color: #828282;
    border-top: 2px solid #FFFAFA;
    border-bottom: 2px solid #FFFAFA;
    border-right: 1px solid #FFFAFA;
    border-left: 1px solid #FFFAFA;
    font-family: Tall Paul;
    height:25px;
    }

    .pys {background-color: #CD3333;
    color: #000000;
    padding: 0px 0px 0px 0px;
    }

    #navegacion li {float:left;
    list-style:none;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #FFFAFA;
    border-left: 1px solid #FFFAFA;
    }

    #navegacion ul {margin-left: 0px}

    #menu {background-color: #828282;
    width: 187px;
    height:480px;
    float:left;
    font-family: Tall Paul;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu li {list-style:none;
    text-align:center;
    margin: 4px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #menu2 {background-color: #828282;
    width: 187px;
    height:880px;
    float:left;
    font-family: Tall Paul;
    border-right: 2px solid #FFFAFA;
    margin-right: 10px
    }

    #menu2 li {list-style:none;
    text-align:center;
    margin: 4px 0px 6px 0px;
    border-bottom: 2px solid #FFFAFA;
    }

    #contenido {background-color: #CFCFCF;
    }

    #contenido p {padding: 10px 20px}

    #cuerpoppal {background-color: #CFCFCF}

    .linea {text-align:center}

    .linea2 {text-align:left}

    .piefotos {font-color: #4F4F4F;
    font-family: isocpeur;
    }

    .denomina {color: #CD3333;
    font-family: isocpeur;
    font-size:0.7em;
    }

    .caract {color: #4F4F4F;
    font-family: isocpeur;
    font-size:0.7em;
    line-height:5px
    }

    #pie {background-color: #828282;
    height:20px;
    font-family: Tall Paul;
    font-size:0.8em;
    }

    #pie li {float:left;
    width: 200px;
    }

    #privacidad {width:400px;
    height:100px;
    margin: 4px auto;
    background-color: #FFFFFF;
    font-color: #4F4F4F;
    font-family: isocpeur;
    font-size:1em;
    }

    a {font-size:1.7em;
    color: #FFFAFA;
    text-decoration: none;
    display: block;
    }
    a:link {}
    a:visited {color: #FFFAFA;}
    a:hover {color: #FFFAFA; background-color: #CD3333}
    a:active {color:#FFFAFA; background-color: #CD3333}


    p {color: #4F4F4F;
    font-family: isocpeur;
    font-size:0.92em;
    text-align: left;
    line-height:13px
    }

    .datos {line-height:0px;
    text-align: center;
    font-size:0.92em
    }

    .priv {text-align: justify;
    line-height:17px;
    }

    h1 {color:#4F4F4F;
    font-family: Tall Paul;
    font-size:2em;
    font-weight: bold;
    text-decoration: none;
    text-align: center
    }

    h2 {color:#CD3333;
    font-family: Tall Paul;
    font-size: 2em;
    font-weight: bold ;
    text-decoration: none ;
    text-align: left;
    }

    #pie a {color: #FFFAFA;
    text-decoration: underline;
    display: block;
    }
    #pie a:link {}
    #pie a:visited {color: #FFFAFA;}
    #pie a:hover {color:#000000; background-color: #828282}
    #pie a:active {color:#000000; background-color: #828282}

    #cuerpoppal a {background-color: #CFCFCF}
    #cuerpoppal a:link {}
    #cuerpoppal a:visited {}
    #cuerpoppal a:hover {}
    #cuerpoppal a:active {}



    gracias de antemano! :wink:
    • Yaneth · · Solicitar retirada
    Hola

    veo que tienes demasiados font-size

    yo te sugiero que los quites todos
    para qye veas cual es de todos es el que te està haciendo las letras tan grandes

    y si aun asi no se arregla
    ponle esto

    font-size:10px

    en la linea del *

    saludos
    martrix · · Solicitar retirada
    muchas gracias! me he dado cuenta de que habia unas cuantas prescindibles y ademas revisando todo he descubierto algunos errores mas, asi que me ha servido doblemente! :wink:
    ahora bien, me he dado cuenta de otro problema, y es que al ser un tipo de letra no corriente, los que no lo tienen instalado lo ven en times new roman. hay algun modo de que se pueda ver con la que yo quiero? no se, se me ocurre guardar la fuente en la carpeta de la pagina o algo asi...
    no me digas que tengo que usar las de siempre!!! :(
    Yaneth · · Solicitar retirada
    jeje pues si te digo

    en realidad asi es, si tu te descargas una fuente especial, y esta no la tienen o tenemos todos loos usuarios, no la podremos ver

    una opcion poco viable es.... poner el texto como imagen, esto te sirve por ejemplo para los menus

    pero no para el contenido, yaque.... google no lo encontraria me epxlico????

    saludos
    martrix · · Solicitar retirada
    vaya...te he entendido perfectamente, que decepcion... pues visto lo visto ya solo me queda una pregunta en referencia a esto(no te atormento mas, jejeje), donde puedo consultar cuales son las fuentes que no dan problemas? mas que nada para no volver a caer en el error...
    martrix · · Solicitar retirada
    ya lo he encontrado! no te hago perder un minuto mas con esto, que bastante me has ayudado ya...
    muchisimas gracias por todo!!!!