Foros del Web » Creando para Internet » HTML »

Imagenes me descuadran la tabla

Estas en el tema de Imagenes me descuadran la tabla en el foro de HTML en Foros del Web. Buenas, en primer lugar decir que he buscado en post ya abiertos y en ningun caso encuentro algo parecido a lo mio. Mi problema es ...
  #1 (permalink)  
Antiguo 30/04/2011, 20:47
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Imagenes me descuadran la tabla

Buenas,

en primer lugar decir que he buscado en post ya abiertos y en ningun caso encuentro algo parecido a lo mio.

Mi problema es que tengo una tabla con algunas imagenes, cuando la tabla la visualizo en chrome se ve todo correcto, el problema es que al visualizarlo con explorer las imagenes toman mas porcentaje que el que destinado al tamaño de esa celda.
Supongo que a esto influye que con chrome hay mas area de trabajo y en explorer menos.

Adjunto el código.


<div id="contenidoFicha" style="width: 100%; height: 100%;" class=DIV2>
<table align="center" width="100%" height="100%" >
<tr height="15%">
<td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
</embed>
</td>
</tr>
<tr height="85%">
<td width="15%" >
<TABLE WIDTH="100%" HEIGHT="100%">
<TR HEIGHT="30%"><TD class=tabla2><a href="TiendasOnline.php"><img border="none" src="online.jpg" width="100%" height="100%"></a></TD></TR>
<TR HEIGHT="40%" ><TD class=tabla2><img border="none" src="mejoresOfertas.jpg" width="100%" height="100%"></TD></TR>
<TR HEIGHT="30%" ><TD class=tabla2><img border="none" src="DefTiendas.gif" width="100%" height="100%"></TD></TR>
</TABLE>
</td>
<td width="70%"><div id="map_canvas" style="width:100%; height:100%"></div> </td>
<td width="15%">
<TABLE WIDTH="100%" HEIGHT="100%" >
<TR HEIGHT="30%" ><TD class=tabla2><img border="none" src="DefTiendasOnLine.gif" width="100%" height="100%"></TD></TR>
<TR HEIGHT="40%"><TD class=tabla2><img border="none" src="DefCorchas.gif" width="100%" height="100%"></TD></TR>
<TR HEIGHT="30%"><TD class=tabla2><img border="none" src="DefTiendas.gif" width="100%" height="100%"></TD></TR>
</TABLE>
</td>
</tr>
</table>

</div>

-----------------------------
Esto <td width="15%" > es lo que toma mayor porcentaje que el 15%, aproximadamente puede tomar el 30%.
Hay forma de controlarlo?

Muchisimas gracias por sus respuestas.
  #2 (permalink)  
Antiguo 30/04/2011, 21:15
Avatar de leo_nqn  
Fecha de Ingreso: abril-2010
Ubicación: Neuquen
Mensajes: 461
Antigüedad: 7 años, 7 meses
Puntos: 24
Respuesta: Imagenes me descuadran la tabla

por que no probas darle a todas las imagenes un mismo tamaño?
__________________

Blog: http://leonardonqn.blogspot.com
Twitter:@Leo_FFerreyra
  #3 (permalink)  
Antiguo 30/04/2011, 22:42
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 14 años, 4 meses
Puntos: 105
Respuesta: Imagenes me descuadran la tabla

Holas,

Podrias en vez de colocar:

Cita:
<img border="none" src="DefTiendasOnLine.gif" width="100%" height="100%">
Hacerlos con estilos, por ejemplo:

Código CSS:
Ver original
  1. img
  2. {
  3.  border:none;
  4.  width:100%;
  5.  height:100%;
  6. }

Cita:
<img src="DefTiendasOnLine.gif" >

Y porque no en vez de darle border='none', le das: border='0', so sino en el estilo: border: 0px;


Saludos
Gildus
__________________
.: Gildus :.
  #4 (permalink)  
Antiguo 01/05/2011, 07:02
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagenes me descuadran la tabla

Cita:
Iniciado por leo_nqn Ver Mensaje
por que no probas darle a todas las imagenes un mismo tamaño?
Todas las imagenes tienen el mismo tamaño, creo que no entendiste el problema, es que en lugar de tomar el 15% de la tabla a las fotos toma mas o menos el 30, yo quiero dejar fijo el 15% y aunque las imagenes sean mas grandes que no se pasen de ahi.
  #5 (permalink)  
Antiguo 01/05/2011, 07:06
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagenes me descuadran la tabla

Cita:
Iniciado por gildus Ver Mensaje
Holas,

Podrias en vez de colocar:



Hacerlos con estilos, por ejemplo:

Código CSS:
Ver original
  1. img
  2. {
  3.  border:none;
  4.  width:100%;
  5.  height:100%;
  6. }




Y porque no en vez de darle border='none', le das: border='0', so sino en el estilo: border: 0px;


Saludos
Gildus
Gracias por tu respuesta, pero he probado y no ha funcionado, me sigue tomando mas del 15% destinado a ese termino.
  #6 (permalink)  
Antiguo 01/05/2011, 07:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Imagenes me descuadran la tabla

Hola:

Prueba a darles otro tamaño solo para IE mediante comentarios condicionales.

Saludos.

  #7 (permalink)  
Antiguo 01/05/2011, 07:50
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagenes me descuadran la tabla

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Prueba a darles otro tamaño solo para IE mediante comentarios condicionales.

Saludos.

Intentare buscar otra opción, ya que varia mucho el area de trabajo de Internet Explorer según la resolucion del monitor, barras de busqueda instaladas etc etc.
No es una ciencia fija como para tomar esa solución.
  #8 (permalink)  
Antiguo 01/05/2011, 15:27
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 14 años, 4 meses
Puntos: 105
Respuesta: Imagenes me descuadran la tabla

Porque usas en el tag img el parametro border="none"???. alli si no deseas un valor o que no tenga borde simplemente deberias de colocar 0 y nada mas. En todo caso probe en Firefox, IE6, IE7 e IE8, Opera, Safari y si funcionan.

En todo caso coloca el codigo completo de tu HTML.

Saludos
Gildus
__________________
.: Gildus :.
  #9 (permalink)  
Antiguo 01/05/2011, 22:06
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagenes me descuadran la tabla

http://www.buscatiendapesca.com/

Ahí teneís la página en cuestión.

Un saludo.
  #10 (permalink)  
Antiguo 01/05/2011, 22:25
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 14 años, 4 meses
Puntos: 105
Respuesta: Imagenes me descuadran la tabla

Holas,

Esta todo bien como debe de mostrarse segun como esta codigo, mas bien he notado que la cabecera el Flash que colocas en esta parte:

Código HTML:
Ver original
  1. <div id="contenidoFicha"  style="width: 100%; height: 100%;" class=DIV2>
  2.     <table align="center" width="100%" height="100%" >
  3.     <tr height="15%">
  4.         <td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
  5. /index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
  6. </td>
  7.     </tr>
  8. ...
  9. ...
  10. ...


Deberias de conciderar el tamaño de la altura (height) real, ya que eso si es el unico que se ve bien, cambia en el IE y el Opera, en el Chrome, FF y Safari corren excelente, La altura debes de conciderarla mas o menos le puse un 200px y se ve bien:

Cita:
<div id="contenidoFicha" style="width: 100%; height: 100%;" class=DIV2>
<table align="center" width="100%" height="100%" >
<tr height="200px">
<td colspan="3"><embed src="banner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download
/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%" >
</embed>
</td>
</tr>
...
...
...


Saludos
Gildus
__________________
.: Gildus :.
  #11 (permalink)  
Antiguo 02/05/2011, 06:12
 
Fecha de Ingreso: febrero-2011
Mensajes: 8
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: Imagenes me descuadran la tabla

He probado con 200 pero se ve peor que antes, debemos de tener distintos explorer.

Sigue sin solucionarse, a alguien se le ocurre una idea?
  #12 (permalink)  
Antiguo 02/05/2011, 12:17
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 14 años, 4 meses
Puntos: 105
Respuesta: Imagenes me descuadran la tabla

Es tu navegador o tu red, ya que tengo el IE 6, IE 7 e IE8.
__________________
.: Gildus :.

Etiquetas: imagenes, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:12.