2017-07-28 3 views
0

Ich kann nicht für das Leben von mir, die Polsterung zwischen dem Logo und den anderen Bildern darunter loswerden. Ich habe den Abstand eingekreist. Die Bilder sollten bündig aneinander liegen. Kein Leerzeichen. Was vermisse ich?Entfernen Sie die Füllung zwischen den Bildern der Tabelle

screenshot

Mein 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>

Antwort

0

Ohne Zusammenhang, dies ist eine Herausforderung zu beantworten. Ich nehme an, das ist eine HTML-Tabelle? Dies ist zwar nur eine Behelfslösung, (ohne den Code zu sehen),

versuchen diese mit denen Sie Ihre html, um zu sehen, ob es hilft:

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

Ich habe meinen Code oben hinzugefügt. – Michelle

+0

Ich habe versucht, den internen Stil hinzuzufügen, aber es hat nichts getan :( – Michelle

0

Direkt am Element

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

Verwendung CSS

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