Navigation - Kategorien aufgelistet, Aufklappmenü

[honda2000]

hallo KurtW, warum so umständlich??
du legst das parent-Menue der Kategorien an, wenn du ein Parent (kategorie) öffnest, fragst du das Submenue einfach ab

wenn du dir diese Navi anschaust, und jetzt die Tabelle nicht neben, sondern untereinander anlegst und
statt den Links einfach die Kategorie-ID mit (cat_id=) einträgst, hast du genau das was ihr alle möchtet

Code: [Select]

<div id="menu"><table border="0"><tr>

<td><a href="<?php echo $newLink . '?pageLink=1"'; if($pageLink == 1) echo ' class="geklickt"'; ?>">Tierklinik Greiz</a></td>
<td><a href="<?php echo $newLink . '?pageLink=2"'; if($pageLink == 2) echo ' class="geklickt"'; ?>">Aktuell</a></td>
<td><a href="<?php echo $newLink . '?pageLink=3"'; if($pageLink == 3) echo ' class="geklickt"'; ?>">Praktikum</a></td>
<td><a href="<?php echo $newLink . '?pageLink=4"'; if($pageLink == 4) echo ' class="geklickt"'; ?>">interaktiv</a></td>
<td><a href="<?php echo $newLink . '?pageLink=5"'; if($pageLink == 5) echo ' class="geklickt"'; ?>">Presse</a></td>
<td><a href="<?php echo $newLink . '?pageLink=6"'; if($pageLink == 6) echo ' class="geklickt"'; ?>">Archiv</a></td>
<td><a href="<?php echo $newLink . '?pageLink=7"'; if($pageLink == 7) echo ' class="geklickt"'; ?>">Impressum</a></td>
</table></tr>
<div id="sub">
<table width="490"><tr>

<?php if($pageLink == 1) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=team&pageLink=1\">Team</a></td>
<td><a href=\"index.php?show=oeffnungszeiten&pageLink=1\">&Ouml;ffnungszeiten</a></td>
<td><a href=\"index.php?show=anfahrt&pageLink=1\">Anfahrt</a></td>
<td><a href=\"index.php?show=leistungen&pageLink=1\">Unsere Leistungen</a></td>
<td><a href=\"index.php?show=kontakt&pageLink=1\">Kontakt</a></td>";
}?>
<?php if($pageLink == 2) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=aktuell_katze&pageLink=2\">Katze</a></td>
<td><a href=\"index.php?show=aktuell_hund&pageLink=2\">Hund</a></td>
<td><a href=\"index.php?show=aktuell_kl_ex&pageLink=2\">Kleins&auml;uger&#38;#47;Exoten</a></td>
<td><a href=\"index.php?show=aktuell_pferd&pageLink=2\">Pferd</a></td>
<td><a href=\"index.php?show=aktuell_nutzvieh&pageLink=2\">Nutzvieh</a></td>
<td><a href=\"index.php?show=aktuell_sonstiges&pageLink=2\">sonstiges</a></td>";
}?>
<?php if($pageLink == 3) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=praktikum&pageLink=3\">Sch&uuml;lerpraktikum</a></td>
<td><a href=\"index.php?show=studenten_praktikum&pageLink=3\">Studentenpraktikum</a></td>
<td><a href=\"index.php?show=kontaktformular_TAH&pageLink=3\">Anfrage</a></td>";
}?>
<?php if($pageLink == 4) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=hinweise_regeln&pageLink=4\">Hinweise&#38;#47;Regeln</a></td>
<td><a href=\"index.php?show=newsletter&pageLink=4\">Newsletter</a></td>
<td><a href=\"http://www.tierklinik-greiz.com/forum/\">Forum</a></td>
<td><a href=\"index.php?show=gaestebuch&pageLink=4\">G&auml;stebuch</a></td>
<td><a href=\"http://www.tierklinik-greiz.com/shop/\">Shop</a></td>";
}?>
<?php if($pageLink == 5) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=presse_eigene&pageLink=5\">eigene Ver&ouml;ffentlichungen</a></td>
<td><a href=\"index.php?show=presse_fremde&pageLink=5\">Pressever&ouml;ffentlichungen</a></td>";
}?>
<?php if($pageLink == 6) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=archiv_katze&pageLink=6\">Katze</a></td>
<td><a href=\"index.php?show=archiv_hund&pageLink=6\">Hund</a></td>
<td><a href=\"index.php?show=archiv_kl_ex&pageLink=6\">Kleins&auml;ger&#38;#47;Exoten</a></td>
<td><a href=\"index.php?show=archiv_pferd&pageLink=6\">Pferd</a></td>
<td><a href=\"index.php?show=archiv_nutzvieh&pageLink=6\">Nutzvieh</a></td>
<td><a href=\"index.php?show=archiv_sonstige&pageLink=6\">sonstiges</a></td>";
}?>
<?php if($pageLink == 7) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=impressum&pageLink=7\">Impressum</a></td>
<td><a href=\"index.php?show=copyright&pageLink=7\">&copy; Copyrighthinweis</a></td>";
}?>
</table></tr></div>

und natürlich die div:

Code: [Select]

/*Menue*/

#menu {
 
       font: 11px Helvetica, sans-serif, Arial;
       padding :5px 0px 0px 10px;
       background-color : #639D63;
   

}

#menu td {
        font: 11px Helvetica, sans-serif, Arial;
        width:80px;
        height:20px;
        text-align : center;
        background-color : #639D63;
        color:#ffffff;
    font-weight: bold;

}

#menu td a {


        font: 11px Helvetica, sans-serif, Arial;
    text-decoration:none;
    display:block;
        border-style:outset;
    text-align:center;
    width:20ex;
    color:#ffffff;
    font-weight: bold;
}

#menu td a:link,  #menu td a:visited {
       
        font: 11px Helvetica, sans-serif, Arial;
    color:#ffffff;
    display:block;
        border-style:outset;
    text-align:center;
    width:20ex;
    font-weight: bold;

}

#menu td a:hover, #menu td a:active, #menu td a.geklickt {

    font: 11px Helvetica, sans-serif, Arial;
color:#ffffff;
background-color : #4A724A;
display:block;
    border-style:outset;
text-align:center;
width:20ex;
font-weight: bold;
}

#sub {

       font: 11px Helvetica, sans-serif, Arial;
       width:1000px;
       height:12px;
       background-color : #639D63;
   

}

#sub td a {

      font: 11px Helvetica, sans-serif, Arial;
      text-decoration:none;
      color: #000055;
      width:585px;
      height:30px;

}

a.menu { display:block; margin-bottom:0px; text-align:center; width:20ex;
         border-style:outset; border-width:3px; padding:0px; text-decoration:none; border-color:#dddddd;}

a.menu:link    { color:#ffffff; background-color:#639D63; }
a.menu:visited { color:#000000; background-color:#639D63; }
a.menu:hover   { color:#ffffff; background-color:;#4A724A }
a.menu:active  { color:#ffffff; background-color:#4A724A; }
natürlich muss die farblich angepasst werden und auch die Formatierung muss sich dann jeder selber basteln, so wie es in "sein" Layout passt

...nicht vergessen: in die navi müssen die Kategorien

[lammic]

@honda2000
Solange die Seite von der Menüstruktur übersichtlich ist, ist der Lösungsvorschlag gut. Das Menü aus 4images so abzubilden würde aber eine manuelle Korrektur am Menü selbst voraussetzen und ist meines Erachtens auch nicht so einfach realisibar.

Da finde ich den Lösungsvorschlag über die Sitemap Anzeige aus dem ACP V.1.7.4 wesentlich besser und vor allem trifft es genau meine Erwartungen.  Auch wenn das Öffnen über das Pluszeichen geschmackssache ist.

Ich werd es mir anschauen und dann berichten....

Gruß
Michael

[honda2000]

ja, natürlich, da hast du recht

ich gehe einfach davon aus, das es kein zig-hundert Kategorien gibt

stimmt, wenn es viele oder mehr werden, muss man diese manuell immer nachtragen

allerdings, und das kannst du nicht bestreiten: für kleine Galerien, mit wenigen Kategorien und Unterkategorien ist alles das gewährleistet, was ihr sucht:
alle Kategorien im Überblick
Sub klappt auf und zu per OnClick der kategorie


p.s. ich hab ja auch nur lauf gedacht und nicht gesagt: das ist der Stein der Weisen