Rahmen der Tabelle entfernen

Status
Nicht offen für weitere Antworten.

Blackylein

Erfahrenes Mitglied
Hallo!

Für meine Website hab ich mal was neues ausprobieren wollen.
Das Problem ist, wie sage ich der Tabelle, dass sie ihren Rahmen ganz weg machen soll damit zwischen den Grafiken kein Spalt mehr ist?

HTML:
<table width="167" border="0">
   <tr>
 	<td colspan="2"><span class="Stil4"><img src="../../../Desktop/button.gif" width="167" height="35"></span></td>
   </tr>
   <tr>
 	<td width="18" height="20"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=133" target="_blank"><img src="../../../Desktop/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td width="139"><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=133">Lieblingsmusik</a></span></td>
   </tr>
   <tr>
 	<td><a href="http://foren.b-school.at/wbb2/thread.php?threadid=380" target="_blank"><img src="../../../Desktop/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=380" target="_blank">eklige Handt&uuml;cher </a></span></td>
   </tr>
   <tr>
 	<td><a href="http://foren.b-school.at/wbb2/thread.php?threadid=418" target="_blank"><img src="../../../Desktop/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=418" target="_blank">Schulwechsel</a></span></td>
   </tr>
   <tr>
 	<td height="22"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=85" target="_blank"><img src="../../../Desktop/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=85" target="_blank">Hausschuhpflicht</a></span></td>
   </tr>
   <tr>
 	<td height="18"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=416" target="_blank"><img src="../../../Desktop/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=416" target="_blank">Geldprobleme</a></span></td>
   </tr>
 </table>
 
Probier mal folgendes CSS:
Code:
table {
	border-collapse:	collapse;
}
table, th, td {
	border-style:		none;
}
 
Mit dem 1. Vorschlag funktionierts wirklich wunderbar.
Es is zwar unten noch ein ganz kleiner Spalt aber den bekomm ich auch noch irgendwie weg :)

Danke vielmals

HTML:
<table width="165" border="0" cellspacing="0" cellpadding="0" >
   <tr>
 	<td colspan="3"><span class="Stil4"><img src="images/frameright/button.gif" width="167" height="35"></span></td>
   </tr>
   <tr>
 	<td width="26" height="20"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=133" target="_blank"><img src="images/frameright/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td width="135"><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=133">Lieblingsmusik</a></span></td>
 	<td width="4" rowspan="5"><div align="right"><img src="images/frameright/right_2.gif" width="3" height="103"></div></td>
   </tr>
   <tr>
 	<td><a href="http://foren.b-school.at/wbb2/thread.php?threadid=380" target="_blank"><img src="images/frameright/pfeil.gif" width="21" height="21" border="0"></a></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=380" target="_blank">eklige Handt&uuml;cher </a></span></td>
   </tr>
   <tr>
 	<td><div align="left"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=418" target="_blank"><img src="images/frameright/pfeil.gif" width="21" height="21" border="0"></a></div></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=418" target="_blank">Schulwechsel</a></span></td>
   </tr>
   <tr>
 	<td height="21"><div align="left"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=85" target="_blank"><img src="images/frameright/pfeil.gif" width="21" height="21" border="0"></a></div></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=85" target="_blank">Hausschuhpflicht</a></span></td>
   </tr>
   <tr>
 	<td height="18"><div align="left"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=416" target="_blank"><img src="images/frameright/pfeil.gif" width="21" height="21" border="0"></a></div></td>
 	<td><span class="Stil10"><a href="http://foren.b-school.at/wbb2/thread.php?threadid=416" target="_blank">Geldprobleme</a></span></td>
   </tr>
   <tr>
 	<td height="5" colspan="3"><img src="images/frameright/foot.gif" width="167" height="3"></td>
   </tr>
 </table>
 
Hi Blackylein,

in der untersten Zeile, hast du eine Höhe von 5px angegeben, allerdings ist dein Bild ja nur 3px hoch.

 
Status
Nicht offen für weitere Antworten.
Zurück