Les cuento:
- Mi tabla tiene un "background-image" que es una imagen de 1px de ancho y con repeat-x.
- La 1a y 3a celda tienen tb un background-image con una imagen de Npx y NO se repite. Además tiene texto.
El problema es que cuando lo visualizo, veo primero 1px de la imagen de fondo de la tabala y a continuación veo la imagen de fondo de la 1a celda.
¿Cómo puedo hacer que no se vea el 1r píxel? Queda bastante feo.
El motivo por el que hago esto es debido a que la tabla, en su parte dentral puede variar el tamaño y para que no se deforme la imagen lo he hecho así.
Les dejo el código.
Código HTML :
<body id="body"> <table style="width:100%; height:46px; min-width:382px; background-image:url(headerCenter.jpg); background-color:#ffffff;background-position:bottom;background-repeat:repeat-x;"> <tr> <td style="width:117px; background-image:url(headerLeft.jpg); background-repeat:no-repeat;background-position:left;"> <span> Texto 1a celda </span> </td> <td> <img style="width:100px;" align="left" src="logo.png"/> <div style="float:right;"> <img alt="" src="img.png" style="width:15px; margin-left:15px;"/> <span> Texto 2a celda </span> </div> </td> <td style="width:23px;background-image:url(headerRight.jpg); background-repeat:no-repeat; background-position:right;"> Texto 3a celda </td> </tr> </table> </body>
Alguna idea?
Muchas gracias
