[Frage] Tabellenproblem

[Gohei]

Hi Leuts!
Ich wollte für das Forum eine Navigation erstellen mit Buttons, wenn auf sie drauf komm sich dann bewegen, nur habe ich da ein Problem...
Die Navigation verläuft von links nach rechts und jeder Button hat eine andere Buttobild aber da hab ich ein Problem, wie ich alle Buttons hintereinander bekomme!
Könnt ihr mir weiterhelfen plz?

Code: Alles auswählen

<!-- navi oben start -->
<table align="center"  width="889"  id="main"   border="0" cellpadding="0" cellspacing="0"  >

<tr>
<td  id="leiste" >
<table id="navi1" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
</tr>
</table>
<table id="navi2" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
<table id="navi3" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
<table id="navi4" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
<table id="navi5" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
<table id="navi6" width="138"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="100%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>

</tr>
</table>
<!-- navi oben ende -->
</td>
</tr>

Und so würde es aussehen, wenn alle Buttons gleich aussehen würden aber das will ich eben nicht:

Code: Alles auswählen

<!-- navi oben start -->

<table align="center"  width="889"  id="main"   border="0" cellpadding="0" cellspacing="0"  >

<tr>
<td  id="leiste" >
<table    id="navi1" width="889"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="20%"><a href="kontakt.php" onfocus="this.blur()">Kontakt</a></td>
<td width="20%"><a href="impressum.php" onfocus="this.blur()">Impressum</a></td>
<td width="20%"><a href="news.php" onfocus="this.blur()">News</a></td>
<td width="20%"><a href="gallerie.php" onfocus="this.blur()">Gallerie</a></td>
<td width="20%"><a href="downloads.php" onfocus="this.blur()">Downloads</a></td>

</tr>
</table>
<!-- navi oben ende -->
</td>
</tr>

[Asmodiel]

verbinde das mal bitte mit deiner css und setz einen link dazu, ich werd da nicht schlau draus!

[Gohei]

CSS
Dies ist meine Test-CSS Datei, bevor ich einige Codes in das subSilver.css mitreinbaue