1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Código fuente que no se ve bien en el Explorer

Tema en 'Programación y Diseño Web' iniciado por Rita Bbaa, 25 Jun 2005.

  1. Rita Bbaa

    Rita Bbaa Nuevo usuario

    Hola

    Estoy rediseñando mi web, ya que la que tengo se ve bien en el Explorer y no en el Firefox. Nunca he podido arreglarla, por lo que he estado diseñando una nueva, esta vez intentanto tener en cuenta los dos navegadores.

    Ahora resulta que la que estoy haciendo se ve de maravilla en Firefox y en el Explorer no. No se la razón.

    Espero a ver si pueden mirarlo un poco a ver que es lo que pasa.

    Aqui les dejo el código a ver si pueden decirme la razón de esto:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>ArteyGr&aacute;fica.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    a:link { color: #8B99A8; text-decoration: none}
    a:visited { color: #8B99A8; text-decoration: none}
    a:hover { color: #000000; text-decoration: none}
    -->
    </style>
    </head>

    <body bgcolor="8B99A8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="0%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="92" height="112"><img src="Imageshome/home1.jpg" width="92" height="112"></td>
    <td width="66" height="112"><img src="Imageshome/home2.jpg" width="66" height="112"></td>
    <td width="7" height="112"><img src="Imageshome/home3.jpg" width="7" height="112"></td>
    <td width="71" height="112"><img src="Imageshome/home4.jpg" width="71" height="112"></td>
    <td width="73" height="112"><img src="Imageshome/home5.jpg" width="73" height="112"></td>
    <td width="170" height="112"><img src="Imageshome/home6.jpg" width="170" height="112"></td>
    <td width="224" height="112"><img src="Imageshome/home7.jpg" width="224" height="112"></td>
    </tr>
    <tr>
    <th height="7" colspan="2"><font size="1"></font></th>
    <th height="7"><font size="1"></font></th>
    <th height="7"><font size="1"></font></th>
    <th height="7"><font size="1"></font></th>
    <th height="7"><font size="1"></font></th>
    <th height="7"><font size="1"></font></th>
    </tr>
    <tr>
    <th height="5" colspan="2" bgcolor="FDFDFD"> <p>&nbsp;</p></th>
    <td rowspan="11">&nbsp;</td>
    <td colspan="4" bgcolor="FDFDFD">&nbsp;</td>
    </tr>
    <tr>
    <th height="20" colspan="2" bgcolor="FDFDFD"> <table width="138" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="23" colspan="2" background="Imageshome/baner.jpg"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Men&uacute;</font></div></td>
    </tr>
    <tr>
    <td width="18" nowrap>&nbsp;</td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="index.html">Home</a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap>&nbsp;</td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="galeria.htm"><strong>Galer&iacute;a</strong></a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap>&nbsp;</td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="dibujos.htm">Dibujos</a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap>&nbsp;</td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="fotografias.htm">Fotograf&iacute;as</a></font></td>
    </tr>
    </table></th>
    <td height="222" colspan="4" rowspan="8" bgcolor="FDFDFD"> <div align="center">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/walla.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">DiskMan</font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/anuncio.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Xyclone</font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>

    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/tasa.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Taza
    de T&eacute;</font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/postal.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Bola
    Navidad </font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <th height="5" colspan="2" bgcolor="FDFDFD">&nbsp;</th>
    </tr>
    <tr>
    <th height="20" colspan="2" bgcolor="FDFDFD"> <table width="138" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="23" colspan="2" background="Imageshome/baner.jpg"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Utilidades</font></div></td>
    </tr>
    <tr>
    <td width="18" nowrap><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="descargas.htm">Descargas</a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="tutoriales.htm">Tutoriales</a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="links.htm">Links</a></font></td>
    </tr>
    </table></th>
    </tr>
    <tr>
    <th height="5" colspan="2" bgcolor="FDFDFD">&nbsp;</th>
    </tr>
    <tr>
    <th height="20" colspan="2" bgcolor="FDFDFD"> <table width="138" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="23" colspan="2" background="Imageshome/baner.jpg"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Contacto</font></div></td>
    </tr>
    <tr>
    <td width="18" nowrap><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="conoceme.htm">Con&oacute;ceme</a></font></td>
    </tr>
    <tr>
    <td width="18" nowrap><font size="2" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>
    <td width="120" nowrap><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="correo.htm">Correo
    e-mail</a></font></td>
    </tr>
    </table></th>
    </tr>
    <tr>
    <th height="5" colspan="2" bgcolor="FDFDFD">&nbsp; </th>
    </tr>
    <tr>
    <td height="39" colspan="2" bgcolor="FDFDFD"> <table width="138" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td height="23" background="Imageshome/baner.jpg"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Publicidad</font></div></td>
    </tr>
    <tr>
    <td><font color="8B99A8" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="www.google.com" target="_blank">Google</a></font></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="600" colspan="2" rowspan="3" bgcolor="FDFDFD">
    <div align="center"><script type="text/javascript"><!--
    google_ad_client = "pub-2822169399236762";
    google_ad_width = 120;
    google_ad_height = 600;
    google_ad_format = "120x600_as";
    google_ad_channel ="";
    google_ad_type = "text_image";
    google_color_border = "#FFFFFF";
    google_color_bg = "FFFFFF";
    google_color_link = "000000";
    google_color_url = "666666";
    google_color_text = "333333";
    //--></script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    </div></td>
    </tr>
    <tr>
    <td height="222" colspan="4" bgcolor="FDFDFD"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/gioconda.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Gioconda</font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/cartel.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Cartel</font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/monari.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Coctel
    de Frutas</font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/casa.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Casa
    Vectorial </font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="320" colspan="4" bgcolor="FDFDFD">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/canaria.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Canarias</font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/postalcanaria.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Postal
    Canaria </font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td height="160"><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/postalcanarias.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Postal
    Canaria</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
    2 </font></div></td>
    </tr>
    </table>
    </div></td>
    <td><div align="center">
    <table width="138" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="138" height="112" background="Imageshome/cuadro.jpg"><div align="center">
    <table width="112" height="85" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFFFFF"><img src="imagenes/postalcanariass.jpg" width="112" height="85"></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td width="138" height="25" background="Imageshome/banerimag.jpg"><div align="center"><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">Postal
    Canaria</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">
    3 </font></div></td>
    </tr>
    </table>
    </div></td>
    </tr>
    <tr>
    <td height="7" colspan="2">&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <th height="7" colspan="7"><font size="1"></font></th>
    </tr>
    <tr background="Imageshome/imag.jpg">
    <td height="50" colspan="7">
    <div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright
    ArteyGr&aacute;fica.com &copy; 2004 - 2005</font></div></td>
    </tr>
    </table>
    </body>
    </html>
     
  2.  
  3. kahlito

    kahlito Nuevo usuario

    Hola Luisa_114, la verdad es que así a simple vista no veo la diferencia entre los dos navegadores, tienes algo subido para verlo con las imagenes?


    Saludosss :wink:
     
  4. Rita Bbaa

    Rita Bbaa Nuevo usuario

    Hola Kahlito pues no tengo nada subido todavía. El problema que tiene es que no se ven algunas imagenes del fondo de las tablas y otras que tengo insertadas que no se ven en el Explorer, pero que si se ven en el Firefox. Es el problema que me está dando.


    :(
     
  5. elQuique

    elQuique Usuario activo

    a simple vista algo que me ha fallado a veces es el usar mayusculas en el nombre de las carpetas asi como tu tienes Imageshome/imag.jpg.
    Otro problema mas comun es que tu ahi tienes

    <tr background="Imageshome/imag.jpg">

    si adentro hay dos celdas a veces no se aplica y he tenido que poner el backgroun en cada celda, prueba esas dos cosas :D

    saludos

    elQuique
     
  6. Faraon

    Faraon Supremo Egipcio

    TAmbien resulta que cuando se pone mal los background, ambos no interpretan correctamente, asi que mejor lo usas en codigo css, que es mas seguro y los dos leen correctamente.

    Ahora que programa usas para la web.

    Abrazos
     
  7. kahlito

    kahlito Nuevo usuario

    Lo de las mayúsculas fue lo primero que pensé sin embargo como me dijo que aun no tenia nada subido pues claro no tenia porque ya que sin subirlo a la web se ven sin problemas.

    Tambien coincido en el tema de css faraón.

    Esperemos que Luisa_114 nos diga que tal le va.
     
  8. Rita Bbaa

    Rita Bbaa Nuevo usuario

    No habia pensado en lo de que las carpetas con mayúsculas daba problemas. Eso lo arreglaré enseguida. Esto de aprender una sola y sin manuales es complicado.

    Con respecto al css ya me lo han recomendado, lo que pasa es que de html se lo básico y para hacer mis cosillas en la web me ayudo con Dreamweaver que lo hace casi todo. Me recomendaron un manual en la web y pronto me pondré con el a ver si puedo mejorar algo de la web.

    Cuando lo arregle les digo algo más.
    Muchas Gracias :wink:
     
  9. Wooper

    Wooper Un Angel Serigrafo

    pues al parecer
    no tiene problemas yo cheque con los 2 navegadores
    y aparentemente no muestra ningun error
    tambien puede ser lo de las mayusculas
    deves tener cuidado si en alguna imagen tambien pones alguna "ñ"
    ya que la imagen no se mirara . por otra parte
    tal vez sea por que aun no se han subido las imagenes
    yo creo que si las pones por ejemplo...
    <img src="http://arteygrafica.com/imagenes/postalcanariass.jpg" width="112" height="85">
    en vez de :

    <img src="imagenes/postalcanariass.jpg" width="112" height="85">
    pudieramos ver la imagenes
    y ya asi poderte dar una solucion un poko mas acertada a tu problema
    yo tambien manejo el dreamweaver
    y pues ya tengo un poko de practica ..
    espero todo salga bien
    salu2
     
  10. Rita Bbaa

    Rita Bbaa Nuevo usuario

    Hola, acabo de hacer unos cuantos cambios y he vuelto a dejar de ver las imagenes, la verdad es que no entiendo que es lo que pasa. Al cambiar la carpeta a letras minusculas y luego hacer algo que no recuerdo el que, se vió bien. Ahora ha vuelto a verse todo mal. Estoy que me alo de los pelos.
     
  11. Aldote Corp

    Aldote Corp Nuevo usuario

    A simple vista no se aprecia mucho... pero he notado que al definir el color del fondo no simpre lo pones igual, algunas veces le pones el '#' y otras no...

    <body bgcolor="8B99A8" .... <td bgcolor="#FFFFFF"

    Y en cuanto a las mayúsculas o minúsculas, te sugiero que te decidas por las minúsculas simpre, porque veo que usas la carpeta "imagenes" en minúsculas, y usas "Imageshome" con mayúscula inicial, ojo... para ver si son correctos los nombres

    <img src="imagenes/walla.jpg"
    background="Imageshome/baner.jpg"

    Y sobre lo que dijo Quique es muy común ese error del fondo en <tr> y no muestra el fondo por eso mismo
    <tr background

    También creo que sería más facil ver el error de las imagenes que dices si hubiera forma de que las subieras, aunque sea en un apartado temporal y poder comparar nosotros con ambos navegadores

    Tranquila Luisa... Sé como te sientes... ya he tenido esos momentos, y como dicen acá en México... ¡Con calma y nos amanecemos! así verás más fácilmente el error :)
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·