Consulta con tablas

juanete50 · #1 (**permalink**) 03/12/2010, 08:22

Hola, como va?
estoy teniendo un inconveniente con una tabla en html
aquí pongo el ejemplo y paso a explicar lo que me sucede,
[URL="http://www.e-newsmail.com.ar/travelline/mailing/tarifarioagencias/esp/empty/toursempty.html"]http://www.e-newsmail.com.ar/travelline/mailing/tarifarioagencias/esp/empty/toursempty.html[/URL]

Lo que sucede es que en la segunda columna, que tiene 3 filas, y entre la fila 2 y la 3, me aparece una linea blanca, que nose como eliminar para que me quede todo emparejado!

nose si es clara la explicación, pero lo tuve que armar en columnas, porq con divs no llegan los correos (esto se enviaría por email)

desde ya, muchas gracias
saludos
juan

emprear · #2 (**permalink**) 03/12/2010, 12:26

juanete50:
es que en realidad has hecho una gran mezcla, si te decidiste a usar una tabla, por que no usar las celdas para alinear las cosas, los div están de más.
Menciono, alinear porque dices "que me quede emparejado?

Por otra parte, lo que parece ser texto, salvo lo que va en rojo, son imágenes.
lo unico que puedes modificar es el text.align para la celda de clase .rojo (l puse en right pero podria estar en center o left, center es lo más parecido a lo que tienes.
La famosa linea blanca, no la veo por ninguna parte, y finalmente
has indicado que tu archivo está en utf-8, eso no basta, tienes que hacer que tu editor de texto también lo guarde como utf-8, cuando en realidad lo has hecho como iso-8859-1. De esa discrepancia aparecen los caracteres extraños por lo acentos.

Tu código final sería

Código HTML:

Ver original<!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>tabla-news</title>
<style type="text/css">
<!--
td, tr{
vertical-align:top;
padding: 0px;
margin: 0px;
}
.rojo {
color: red;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
padding-right: 15px;
}
-->
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td rowspan="3"><img src="tigre.jpg" width="249" height="124" alt="" /></td>
    <td><img src="descripcion.jpg" width="454" height="72" alt="" /></td>
  </tr>
  <tr>
    <td class="rojo">Tarifa Neta $ 22.- Tarifa Público $65.-</td>
  </tr>
  <tr>
    <td><img src="masinfo.jpg" width="455" height="28" alt="" /></td>
  </tr>
</table>
</body>
</html>

Saludos

juanete50 · #3 (**permalink**) 03/12/2010, 12:59

Heyy "emprear" muchas gracias!!
si... aun no logro acomodarme con los divs y las tablas, y hago complicadas a veces las cosas! ahi se solucionó todo!!
si, lo del texto lo iba a arreglar luego, jeje, primero queria ver si podía solucionar eso, y con tu ayuda me ha quedado perfecto!!
se agradece
un saludo
Juan MC