Comunidad de diseño web y desarrollo en internet online

Imágenes en IE salen mavidas y NO en FF

Foros de discusión > CSS y HTML

Citar            
MensajeEscrito el 11 Abr 2009 03:12 pm
¡Hola!

Tengo un problema y es muy importante solucionarlo, ya que desgraciadamente IE es el navegador más usado (aunque es el peor)...

Tengo un div, en el cual tengo una tabla de dos filas y varias columnas, que muestra, en la fila de arriba una imagen por columna, con su respectivo enlace debajo (fila 2)

En FF y Chrome se ve perfecto, pero he probado IE y sale horroroso (las imágenes separadas diagonalmente un gran cacho desde los enlaces...)

Dejo el código aquí:

Código :

 <p><table cellspacing="10" align="center" border="0">
  <tr>
<td width="70"><img title="Enlazar" height="70" width="70" src="/imagenes/servicios/enlazar.jpg" /></td>
<td width="70"><img title="Test" height="70" width="70" src="/imagenes/servicios/test.jpg" /></td>
<td width="70"><img title="Noticias" height="70" width="70" src="/imagenes/servicios/noticia.jpg" /></td>
<td width="70"><img title="SMS" height="70" width="70" src="/imagenes/servicios/sms.jpg" /></td>
<td width="70"><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chtexto.jpg" /></td>
<td width="70"><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chgraficos.jpg" /></td>
<td width="70"><img title="Más" height="70" width="70" src="/imagenes/servicios/mas.gif" /></td>
  </tr>
  <tr>
    <td align="center" height="23"><a href="/enlazar.html">Enlazar</a></td>
    <td align="center" height="23"><a href="/otros/test.php">Test</a></td>
    <td align="center" height="23"><a href="/servicios/noticias/allnoticias.php">Noticias</a></td>
    <td align="center" height="23"><a href="/servicios/sms/smsgratis.php">SMS</a></td>
    <td align="center" height="23"><a href="/chistes/texto/chistestexto.php">Chistes</a></td>
    <td align="center" height="23"><a href="/chistes/graficos/humorgrafico.php">Gr&aacute;ficos</a></td>
<td align="center" height="23"><a href="/menu.php">Men&uacute;</a></td>
  </tr>
</table></p>


Saludos y gracias de antemano! :D

Por Alvaro_brub

3 de clabLevel



 

Envíale un mensaje privado     Web

2008

chrome
Citar            
MensajeEscrito el 11 Abr 2009 04:40 pm
He leído en muchos sitios que las tablas es más recomendables hacerlas en CSS... Y yo lo he conseguido (y me he llevado una gran ilusión, ya que he logrado hacerlo solo XD sin mirar ni una vez en internet)

Dejo el código por si a alguien le hace falta:

Código :

<style type="text/css">
div.tablamenu{
position:absolute;
left:20px;
top:40px;
border:3px;
border-style:solid;
border-color:#CCCCCC;
width:566px;
}
div.filaatablamenu{
float:left;
width:100%;
height:76px;
margin:0;
border-bottom:1px;
border-bottom-style:solid;
}
div.filabtablamenu{
float:left;
width:100%;
height:30px;
margin:0;
}
div.columnatablamenua{
margin-top:3px;
margin-left:4px;
margin-bottom:3px;
float:left;
text-align:center;
padding-right:3px;
height:70px;
width:73px;
border-right:1px;
border-right-style:solid;
}
div.columnatablamenub{
margin:3px;
float:left;
text-align:center;
height:20px;
width:70px;
}
</style>
</head>
<body>
<div class="tablamenu">
<div class="filaatablamenu">
<div class="columnatablamenua"><img title="Enlazar" height="70" width="70" src="/imagenes/servicios/enlazar.jpg" /></div>
<div class="columnatablamenua"><img title="Test" height="70" width="70" src="/imagenes/servicios/test.jpg" /></div>
<div class="columnatablamenua"><img title="Noticias" height="70" width="70" src="/imagenes/servicios/noticia.jpg" /></div>
<div class="columnatablamenua"><img title="SMS" height="70" width="70" src="/imagenes/servicios/sms.jpg" /></div>
<div class="columnatablamenua"><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chtexto.jpg" /></div>
<div class="columnatablamenua"><img title="Chistes" height="70" width="70" src="/imagenes/servicios/chgraficos.jpg" /></div>
<div class="columnatablamenua" style="border:0px;"><img title="Más" height="70" width="70" src="/imagenes/servicios/mas.gif" /></div>
</div>
<div class="filabtablamenu">
<div class="columnatablamenub"><a href="/enlazar.html">Enlazar</a></div>
<div class="columnatablamenub"><a href="/otros/test.php">Test</a></div>
<div class="columnatablamenub"><a href="/servicios/noticias/allnoticias.php">Noticias</a></div>
<div class="columnatablamenub"><a href="/servicios/sms/smsgratis.php">SMS</a></div>
<div class="columnatablamenub"><a href="/chistes/texto/chistestexto.php">Chistes</a></div>
<div class="columnatablamenub"><a href="/chistes/graficos/humorgrafico.php">Gr&aacute;ficos</a></div>
<div class="columnatablamenub"><a href="/menu.php">Men&uacute;</a></div>
</div>
</div>
</body>


Bueno... Saludos y perdonen las molestias si este tema es inservible, aunque por lo menos tiene un pequeño aporte XD

Por Alvaro_brub

3 de clabLevel



 

Envíale un mensaje privado     Web

2008

chrome
Foros de discusión > CSS y HTML

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.