Karteireiter-Navigation

[ideagen]

Wie kann man eine Karteireiter-Navigation (Vorbild amazon.de) wie im folgenden Beispiel realisieren: http://www.bike-mailorder.de/ Und dann auch noch mit verschieden Farben... Das finde ich toll - sowas will ich auch

Danke f?r die Antwort(en)
Icke

[Buggyboy]

Hi!

Das k?nnte ne Tabelle sein.
Einfach eine anlegen mit sovielen Zellen wie Du ben?tigst, Hintergrundfarbe einstellen f?r jede einzelne Zelle und den Link einf?gen den Du brauchst... fertig...

Ist so schnell gemacht...

Peter

So ungef?hr (Laut Seitenquelltext):

            <table border="0" cellpadding="0" cellspacing="0" width="100%">
	<tr valign="top" align="center">
 <td colspan="2">
 	<table cellpadding="0" cellspacing="0" border="0" class="mytabs">
  <tr>
     	<td class="tabcol0"><img src='templates/i24-switch/img/tab_left.gif' border='0' alt=''></td>
   <td nowrap class="tabcol0"><a class='inactiveTab' href='index.php?cPath=178&tab_id=0'>Bike</a></td>
   <td class="tabcol0"><img src='templates/i24-switch/img/tab_right.gif' border='0' alt=''></td>

     	<td class="tabcol10"><img src='templates/i24-switch/img/tab_left.gif' border='0' alt=''></td>
   <td nowrap class="tabcol10"><a class='inactiveTab' href='index.php?cPath=179&tab_id=1'>Rennrad</a></td>
   <td class="tabcol10"><img src='templates/i24-switch/img/tab_right.gif' border='0' alt=''></td>
     	<td class="tabcol20"><img src='templates/i24-switch/img/tab_left.gif' border='0' alt=''></td>
   <td nowrap class="tabcol20"><a class='inactiveTab' href='index.php?cPath=48&tab_id=2'>Bekleidung</a></td>
   <td class="tabcol20"><img src='templates/i24-switch/img/tab_right.gif' border='0' alt=''></td>
     	<td class="tabcol30"><img src='templates/i24-switch/img/tab_left.gif' border='0' alt=''></td>
   <td nowrap class="tabcol30"><a class='inactiveTab' href='index.php?cPath=80&tab_id=3'>DVD</a></td>

   <td class="tabcol30"><img src='templates/i24-switch/img/tab_right.gif' border='0' alt=''></td>
     	<td class="tabcol40"><img src='templates/i24-switch/img/tab_left.gif' border='0' alt=''></td>
   <td nowrap class="tabcol40"><a class='inactiveTab' href='index.php?cPath=170&tab_id=4'>Aus der Werbung</a></td>
   <td class="tabcol40"><img src='templates/i24-switch/img/tab_right.gif' border='0' alt=''></td>
    	</tr>
 	</table>

Mu?te nat?rlich an Deine Umgebung anpassen... ;-}