Hallo,
möchte gerne wie auf folgender Seite (http://www.seppels.de/cms/index.php) meine Navigation dartellen. Wie hat der designer es geschafft die verlinkungen über den "Bildern" der Navigationsleiste zu erstellen (Die leiste besteht aus aus drei GIFs: bt_le.gif, bt_mi.gif und bt_ri.gif).

Freue mich über jegliche Hinweise und Ratschläge.

Grüsse.

Hi,

ein kurzer Blick in den Quelltext der genannten Seite beantwortet deine Frage, dass die Navileiste in einer dreispaltigen Tabelle eingebunden ist:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<table border="0" cellpadding="0" cellspacing="0"> <tr> <td><a class="menue_o"><img src="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_le.gif" width="14" height="17" border="0"></a></td> <td width="100%" class="menue_o"  background="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_mi.gif">         <table cellpadding="0" cellspacing="0" class="moduletable">                 <tr>             <td>                 <ul id="mainlevel-nav"><li><a href="index.php" class="mainlevel-nav" >Home</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=14&amp;Itemid=32" class="mainlevel-nav" >Mittagstisch</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=25&amp;Itemid=35" class="mainlevel-nav" >Speisekarte</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=21&amp;Itemid=30" class="mainlevel-nav" >Gyros-Grill-Verleih</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=26&amp;Itemid=40" class="mainlevel-nav" >Partyservice</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=28&amp;Itemid=48" class="mainlevel-nav" >Partner</a></li><li><a href="index.php?option=com_easybook&amp;Itemid=53" class="mainlevel-nav" >Gästebuch</a></li><li><a href="index.php?option=com_content&amp;task=view&amp;id=29&amp;Itemid=56" class="mainlevel-nav" >Kontakt</a></li></ul>           </td>           </tr>         </table>         </td> <td class="menue_o"><img src="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_re.gif" width="16" height="17" border="0"></td> </tr> <tr> <td><img src="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_shadow_le.gif" width="14" height="6"></td> <td background="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_shadow.gif"><img src="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/spager.gif" width="1" height="1"></td> <td><img src="http://seppels.de/cms/templates/rhuk_solarflare_ii/images/bt_shadow_re.gif" width="16" height="6"></td> </tr> </table>