• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle Abstände zwischen <tr>

S

Sebastian5

Neues Mitglied
Halloo zusammen!

Ich habe eine kleine Bildergallerie erstellt. Aber leider wird zwischen den beiden <tr> immer noch eine kleine weiße Haarlinie angezeigt. Ist es möglich diese zu entfernen? Sodas alle Bilder direkt nebeneinander sind.

Code: 
<table style="width:100%;height:auto;margin:0px;padding:0px;border-style:none;">

<tr style="margin:0px;padding:0px;border-style:none;line-height:100%;">
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/4-52.jpg" target="_blank" rel="noopener"><img id="image1" src="http://www.imoria.de/wp-content/uploads/4-52.jpg" style="width:100%;height:100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/5-41.jpg" target="_blank" rel="noopener"><img id="image2" src="http://www.imoria.de/wp-content/uploads/5-41.jpg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/7-1.jpeg" target="_blank" rel="noopener"><img id="image3" src="http://www.imoria.de/wp-content/uploads/7-1.jpeg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/6-22.jpg" target="_blank" rel="noopener"><img id="image4" src="http://www.imoria.de/wp-content/uploads/6-22.jpg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
</tr>

<tr style="margin:0px;padding:0px;border-style:none;line-height:100%;">
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/4-52.jpg" target="_blank" rel="noopener"><img id="image1" src="http://www.imoria.de/wp-content/uploads/4-52.jpg" style="width:100%;height:100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/5-41.jpg" target="_blank" rel="noopener"><img id="image2" src="http://www.imoria.de/wp-content/uploads/5-41.jpg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/7-1.jpeg" target="_blank" rel="noopener"><img id="image3" src="http://www.imoria.de/wp-content/uploads/7-1.jpeg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
<td style="margin:0px;padding:0px;border-style:none;">
<a href="http://www.imoria.de/wp-content/uploads/6-22.jpg" target="_blank" rel="noopener"><img id="image4" src="http://www.imoria.de/wp-content/uploads/6-22.jpg" style="width:100%;height;100%;margin:0px;padding:0px;"/></a>
</td>
</tr>

</table>
 
Werbung:
Das liegt nicht an der Tabelle... das sind die Bilder, die haben, wenn die Seite mit dem <!Doctype html> ausgezeichnet ist, unten einen 5 Pixel breiten Rand, den man allerdings zB durch
img { margin-bottom: -5px;}
wegmanipulieren kann.
 
Das ist ganz grausamer HTML-Code, lagere die CSS-Angaben aus.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben