[ayuda]problemas con compatibilidad en los navegadores

Iniciado por adamsst, 19 Julio 2013, 07:46 AM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

adamsst

19 Julio 2013, 07:46 AM
hola a todos estoy haciendo unas pruebas para no que no se me vaya olvidando lo que se de html y resulta que se me han presentado ciertos problemitas


aca esta imagen es en local abierta con chrome, explorer, firefox





Citarahora usando 000webhost subi los mismos archivos y miren como se ve en chrome no se me ven las imagenes de las esquinas de arriba






ahora si ponemos firefox miren como se ven aclaro estoy usando 000webhost las que se vieron bien al principio fue de forma local que se vieron





bueno y en explorer menos se me ven las imagenes de la esquina ojo de manera local se ve como la primera imagen usando 000webhost se ve asi todos los navegadores se ven mal




aca les dejo el codigo html




Código [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />

</head>

<body>



<div id="header">


<div id="fotoderecha"><img src="images/Sin título-1.jpg" width="87px" height="108px" /></div>

<div id="central" align="center"><p>Tratamientos Cosmeticos Faciales y Corporales</p></div>

<div id="fotoizquierda" align="right"><img src="images/Sin título-2.jpg" width="135px" height="108px"  /></div>     
     
</div>



<div id="contenedordebotones"><table align="center" width="58%">
  <tr>
     
    <td class="boton1"><a>Inicio</a></td>
    <td class="boton2"><a>Tratamientos Corporales</a></td>
    <td class="boton3"><a>Tratamientos Faciales</a></td>
    <td class="boton4"><a>Contacto</a></td>
     
  </tr>
</table>


</div>


<div id="cuerpo">

     
<img src="images/imagen_inicio.fw.png" width="100%" height="100%" />




</div>



</body>
</html>


aca les dejo el codigo css


Código [Seleccionar]
#header{


width: 100%;
margin: 0 auto;
display:inline;}





#fotoderecha{
     
float:left;
  width:auto;
    }

#central{
font-family: "Monotype Corsiva";
    font-size: 30px;
    background-color: #996600;
    height: 109px;
    text-align: center;     
    border-width: 1px; border-style: solid; border-color: black;
    float: left;
     width:80%;
margin-left:2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;


    }

#fotoizquierda{

width:auto;
     
    }




#contenedordebotones{margin-top: 8px;
    font-family: "Monotype Corsiva";
    width: 100%;
    line-height: 120%;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    color: #000;
    background-color: #C03;     
    border-width: 1px; border-style: solid; border-color: black;}


.boton1 a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }

     


.boton2  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }



.boton3  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }




.boton4  a { text-decoration: none; border-radius: 10px; padding: 0px 5px 0px 5px; }
a:hover { background: #FFF; }








#cuerpo {
    margin-top: 3px;
    border-width: 1px; border-style: solid; border-color: black;
     
}


gracias a quien me ayude Sinceramente no deseo que me resuelvan el problema que me den el codigo completo deseo que me orienten para hacerlo yo mismo

z3nth10n

#1
21 Julio 2013, 14:02 PM
Estás seguro de que se te ve mal? Que versión usas de Mozilla? Yo lo veo perfectamente bien... :silbar:


---




UTA - Portando GTA San Andreas a Unity3D.

⏩ Interesados hablad por Discord.

NetStorm

#2
6 Agosto 2013, 06:10 AM
Mi hermano, regla número 1...

NUNCA USES TILDES, "Ñ", O CARÁCTERES ESPECIALES EN NOMBRES DE IMÁGENES O ARCHIVOS WEB SI QUIERES EVITAR QUEBRADEROS DE CABEZA.

Es todo mi amigo, pon en práctica el consejo y nos cuentas...

:D

Saludos!

basickdagger

#3
6 Agosto 2013, 19:05 PM
generalmente cuando utilizas un servidor local estos no distinguen de mayúsculas y minúsculas por lo q si tienes una imagen llamada... imagen.JPG y tu haces acceso a ella mediante
Código [Seleccionar]
 <img src="imagen.jpg"/> esta se vera en local pero no en la web, eso aplica para carpetas.. por ejemplo  IMAGES/imagen.jpg y tu colocas
Código [Seleccionar]
<img src="images/imagen.jpg"> en local podras verla imagen pero en el servidor no... espero haberte ayudado...
Imprimir
Ir Arriba Páginas1
Acciones del Usuario