2017-07-28 3 views
0

Je ne peux pas, pour la vie de moi, se débarrasser du rembourrage entre le logo et les autres images ci-dessous. J'ai entouré l'espacement. Les images doivent être alignées les unes contre les autres. Pas d'espace blanc. Qu'est-ce que je rate?Enlever le rembourrage entre les images de la table

screenshot

Mon code:

table { border-spacing: 0px; } 
 
tr { padding: 0px; } 
 
td { padding: 0px; } 
 
td.purpSpacerAlign { vertical-align: bottom; } 
 
img { vertical-align: top; }
<table> 
 
\t \t <tr> 
 
\t \t \t <td colspan="9"> 
 
\t \t \t \t <img src="images/logo_lt.gif"></td> 
 
\t \t \t <td colspan="3"> 
 
\t \t \t \t <img src="images/logo_rt.gif"></td> 
 
\t \t </tr> 
 
\t \t 
 
\t \t <tr> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/purple_line_lt.gif" width="23" height="27"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/nav_grad_home.gif"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="32"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="5"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/spacer.gif" width="20"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/logo_crafts.gif"></td> 
 
\t \t \t <td> 
 
\t \t \t \t <img src="images/top_grad_line.gif"></td> 
 
\t \t \t <td class="purpSpacerAlign"> 
 
\t \t \t \t <img src="images/spacer_purple.gif"></td> 
 
\t \t </tr> 
 
\t </table>

Répondre

0

Sans contexte, cela est difficile de répondre. Je suppose que c'est un tableau HTML? Bien que ce soit seulement un travail autour, (sans voir votre code),

essayer d'ajouter ceci à votre code html pour voir si elle aide:

<style> 
* { margin: 0; border: 0; padding: 0} 
</style> 
+0

J'ai ajouté mon code ci-dessus. – Michelle

+0

J'ai essayé d'ajouter le style interne, mais il n'a rien fait :( – Michelle

0

directement sur l'élément

<table cellspacing="0" cellpadding="0"> 

aide CSS

table { 
    border-collapse: collapse; 
} 
th, td { 
    padding: 0; 
}