soo, mein 3. Tut für euch - hier zeige ich euch, wie ihr eine Geteilte Navi hinbekommt.
Dazu müsst ihr eine Tabelle erstellen, ihr hab mal eine mit der Breite 200px genommen:
<table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="2">Main</td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
</table>
So siehts dann aus:
Main
-Link -Link
-Link -Link
-Link -Link
(die Links sind natürlich sauber aufgeteilt)
Ihr könnt das Ganze natürlich mit Bildern versehen. Anstatt des Textes "Main" ein Bild und unterhalb der Navi einen Footer. Dafür müsst ihr aber die 2 Spalten mit colspan="2" zusammenfügen. Das funktioniert dann so:
-Link -Link
-Link -Link
-Link -Link
(auch hier sind die Links dann sauber aufgeteilt)
Hierzu der Quelltext:
<table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="2"><img src="PFAD/ZUM/HEADER.jpg" border="0" alt=""></td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
<tr>
<td width="50%">-<a href="#"> Link</a></td>
<td width="50%">-<a href="#"> Link</a></td>
</tr>
<tr>
<td colspan="2"><img src="PFAD/ZUM/FOOTER.jpg" border="0" alt=""></td>
</tr>
</table>
Cya,
Amy
DiabolicHerz
Macht unnötig viel Code, wäre mit Float geschickter.