Hauptnavigation

[zimboo]

vicky_pag schrieb:

Hallo,

vielen Dank für deine schnelle Hilfe, aber leider verstehe ich es immer noch nicht so richtig.

Wenn ich die Ordner "htdocs", "cms" und "templates" öffne, bekomme ich eine liste an html-Dokumenten, aber alle scheinen nur "Bruchstücke" der Navigation darzustellen.

Es gibt z. B. Dateien wie "navfirst_off.html", "navfirst_on.html" und "navsecond_off.html"..., aber ich frage mich, ob es nicht eine zentrale html-Datei gibt, in der das ganze Design der Navigation bearbeitet werden kann.

Ich wüsste nämlich nicht, welchen Teil der Navigation ich z. B. in der Datei "navfirst.html" bearbeiten würde.

Ich hoffe, ich habe mich einigermaßen verständlich ausgedrückt.

Vielleicht kannst du mir ja auch noch sagen, wie ich die Farbe des OnMouseOver-Effekts der Servicenavigation ändern kann.

Über eine Antwort freue ich mich schon jetzt
Liebe Grüße
Vicky

Hallo Vicky,

zunächst wäre es sinnvoll zu wissen, ob Du nun das Navigationsmodul nutzt, welches ich in dem Thread http://contenido.org/forum/viewtopic.php?t=9217 gepostet habe?

Mit den "Bruchstücken" hast Du schon recht... Warum das so ist versteh ich auch nicht so genau aber ich weiss, dass Du z.B in "navifirst_on.htm" die Darstellung der ersten Menüebene regelst, mit "navifirst_off.htm" kannst Du einstellen wie sich das Menü beim "rausfahren" mit der Maus verhalten soll... (sollte ich falsch liegen kann mich ja bestimmt jemand der Profis hier verbessern!!!!)
Damit kannst Du die verschiedenen "Zustände" der Schaltflächen darstellen (bei Mouseover/Mouseout usw.)

So und in der gleichen Weise verfährst Du halt mit der zweiten Menüebene ("Unterpunkte) und mit der dritten.... natürlich nur wenn Du diese brauchst.

Die Darstellung / das Aussehen der Menüpunkte regelst Du in einer CSS-Datei. Ich denke, das ist der beste weg. Weil so hast Du die "Design"-Möglichkeiten an einer zentralen Stelle. Du musst halt nur in den HTML-Templates (navifirst_on.htm / navifirst_off.htm usw.) in dem "Link" in dem die Platzhalter definiert sind noch die Class einbauen und gut iss...

Code: Alles auswählen

<!-- BEGIN:BLOCK --> 
     <a class="menu" target="{TARGET}" href="{HREF}">{NAME}</a> 
<!-- END:BLOCK --> 

Das Aussehen der Menü-Links regelst Du in einem CSS (Stylesheet):

Code: Alles auswählen

/*Menülinks*/ 
a.menu { 
 display:block; 
 padding:3px; 
 border-top:1px dashed #b50000; 
 background-color:#fff; 
 text-align:center; 
 color:#b50000; 
 text-decoration:none; 
 } 
a.menu:link, a.menu:visited { 
 color:#b50000; 
 background-color:#fff; 
 text-decoration:none; 
 font-weight:bold; 
} 
a.menu:active, a.menu:hover { 
 color:#fff; 
 border-top:1px dashed #fff; 
 font-weight:bold; 
 background-color:#b50000; 
} 

Und so "könnte" das Menü dann aussehen:
http://www.test.drk-koeln.de/fsj/front_content.php

Und nun kannst Du fröhlich drauflos designen

Ich hoffe ich habe Dir weiter geholfen

Schöne Grüße

Jörg

[emergence]

wo gehört dieses posting dazu ? du solltest vom orginal thread hierher verlinken...

[zimboo]

Hallo emergence,

Vicky hatte mir ne PM geschickt und ich dachte mir es könnte eventuell auch andere Interressieren...
Darum habe ich das hier "öffentlich" gemacht...

Gruß

Jörg

[emergence]

ach so...

[vicky-pag]

Hallo Jörg,

ich bin jetzt schon mal ein ganzes Stück weiter. Aber erst einmal zu deiner Frage: Ja, ich verwende das Navigationsmodul, das du gepostet hast, also das Modul des Beispielmandanten von Contenido.

Du hast geschriben:

...aber ich weiss, dass Du z.B in "navifirst_on.htm" die Darstellung der ersten Menüebene regelst, mit "navifirst_off.htm" kannst Du einstellen wie sich das Menü beim "rausfahren" mit der Maus verhalten soll...

Ich habe die Menüebenen meinen Ansprüchen angepasst, allerdings steht "navfirst_on" nicht dafür, wie die Menüpunkte aussehen, wenn ich mit der Maus drauf fahre, sondern vielmehr, wie sich die Menüpunkte verhalten sollen, wenn sie ausgewählt wurden und das Untermenü aktiviert wird. Genauso verhält es sich mit "navfirst_off" - nicht, wie sieht die Menüebene aus, wenn ich die Maus wegbewege, sondern wie sieht die Ebene aus, wenn sie nicht angeklickt wird. So habe ich es zumindest verstanden und das war auch der Effekt, den ich mit Ausprobieren erzielt habe.

Jetzt habe ich aber leider immer noch das Problem, wie ich den OnMouseOver-Effekt realisieren kann. Ich vermute, dass ich das in einer CSS-Datei regeln kann, genau wie überhaupt das ganze Erscheinungsbild von Links - wenn ich dich richtig verstanden habe.

Jetzt kommt der schwierige Part:
Ich habe noch nie mit einer CSS-Datei gearbeitet, ich kann mir zwar mit Hilfe deines Codes vorstellen, wie das Ganze aussehen sollte, aber umsetzen kann ich es noch nicht.

Ich lege also eine neue CSS-Datei im Styleeditor in Contenido an und benenne sie z.B. mit menu.css. Dann muss ich in den Navigations Templates logischerweise angeben, dass auf "menu.css" zugegriffen werden muss, damit das Design auch übernommen werden kann. Aber wie funktioniert das genau? Man muss den Verweis in den Link schreiben, soviel habe ich verstanden. Ist "menu" (s. u.) also der Name der CSS-Datei "menu.css"?

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
     <a class="menu" target="{TARGET}" href="{HREF}">{NAME}</a>
<!-- END:BLOCK -->

Wenn ich es also schaffen sollte , eine CSS-Datei einzubeinden, dann muss ich ja auch noch für den Inhalt sorgen.

Da stellt sich mir direkt ein neues Problem. Wofür stehen "a.menu", "a.menu:link, a.menu:visited" und "a.menu:active, a.menu:hover"??? Ich stelle mir vor, dass sie die verschieden "Zustände" der Links beschreiben, ich weiß aber nicht welche.

Ich brauche in dieser CSS-Datei auch unbedingt einen Abschnitt, in dem ich definieren kann, wie sich die Menüpunkte verhalten sollen, wenn ich mit der Maus "drauf" und wieder "runter fahre". Hintergrund- und Schriftfarbe müssen sich ändern.

Ich wäre dir also super dankbar, wenn du mir bitte noch mal detailiert erklären könntest, wie ich vorgehen muss und es wäre insbesondere super zu wissen, wie ich den OnMouseOver-Effekt umsetzen kann.

Vielen Dank schon mal im Voraus
Liebe Grüße
Vicky

[Halchteranerin]

Hallo Vicky,

beim Beispielmandanten ist auch eine css-Datei eingebunden. Die muss im Layout stehen, und es ist eine Zeile in der Art.

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="/cms/css/format.css">

"menu" ist nicht der Name der css-Datei sondern eine Klasse, die innerhalb der css-Datei definiert wurde.

Wegen css und html kannst du mal unter de.selfhtml.org und css4you.de nachschauen, da wirst du ganz viele Sachen finden. Insbesondere die zweite Site ist fuer den Einstieg ganz gut!

In Kuerze zu den Link-Fragen:
a.menu ist die Formatierung fuer den a-Tag (also <a href...> hauptsaechlich), wenn man die Klasse class="menu" angegeben hat.
Das mit a:link weiss ich jetzt gerade nicht, ob es auch die allgemeine Formatierung ist. a:visited sind besuchte Links (also nachdem du den Link einmal angeklickt hast), a:active ist, wenn man auf den Link klickt, also genau in dem Augenblick, und a:hover ist, wenn man mit der Maus darueberfaehrt. .menu musst du dazu angeben, so wie du es geschrieben hast, wenn es nicht fuer alle Links gelten soll, sondern nur fuer die, die zur Klasse "menu" gehoeren.

War das halbwegs verstaendlich?

Gruss
Christa

[zimboo]

Danke Christa,

besser hätte ich es nicht erklären können...

Ja css4you ist wirklich ne Klasse Seite.... da habe ich mir auch einiges anlesen können. Die Tuts sind nicht zu lang und verständlich geschrieben...

Es macht echt spaß da immer mal wieder vorbei zu schauen...

Gruß us Kölle nach Halchter (alaaf )

Jörg

[vicky-pag]

Ja, vielen Dank an euch beide! Ihr habt mir super viel geholfen und auch die Website ist klasse. Langsam verstehe ich den Aufbau.

Jetzt kommt der Haken :
Was mache ich, wenn ich für meine Navigation zwei verschiedene CSS-Dateien brauche, weil die 1. Ebene anders aussehen soll als die 2. und 3.?

Wenn ich beide Dateien im Layout einfüge muss ich doch irgendwo festlegen, wo auf welche Datei zugegriffen werden soll.

Aber ich sehe langsam wirklich ein helles Licht am Ende des Tunnels. *jubel*

Liebe Grüße
Vicky

[Halchteranerin]

Was mache ich, wenn ich für meine Navigation zwei verschiedene CSS-Dateien brauche, weil die 1. Ebene anders aussehen soll als die 2. und 3.?

Wenn ich beide Dateien im Layout einfüge muss ich doch irgendwo festlegen, wo auf welche Datei zugegriffen werden soll.

Nein, du musst dann verschiedene Klassen in der css-Datei definieren, man muss nicht mehrere Dateien haben, es wird alles eigentlich ueber die verschiedenen Klassen gesteuert. Dann legst du halt eine menuebene1, menuebene2 und menuebene3 z.B. Und in den Templates (es ging doch um die Hauptnavi, oder?) musst du dann die Klasse jeweils angeben.

Gruss
Christa

[vicky-pag]

Ok, super, jetzt hab ich's!

Vielen Dank

Liebe Grüße
Vicky

[vicky-pag]

Hallo noch mal!

Jetzt sitze ich heute schon seit ca. zehn Stunden vorm PC und hab sichtbar viel gelernt.

Die letzten paar Stunden waren allerdings grausam, weil ich ein Problem mit meiner Hauptnavigation habe. Wenigstens weiß ich jetzt, was mich stört. Sie ändert - je nach Länge der aufgeführten Menüpunkte - die Breite selbstständig und das gefällt mir überhaupt nicht, weil ich sonst zwischen Navi und Textteil einen freien "Streifen" in der Hintergrundfarbe habe, der je nach dem breiter oder schmaler ist.

Ich möchte aber gerne, dass gar kein Streifen sichtbar ist, sonder die Navi konstant 200px breit ist.

Mittlerweile kenn ich den Quellcode fast auswendig, habe aber immer noch keine Lösung gefunden.

Ich poste an dieser Stelle mal den Code, vielleicht hat ja irgend jemand eine Idee...

Layout:

Das Standard Layout

Container 1: Bildmodul
Container 2: Servicenavigation
Container 3: Bildmodul
Container 4: Navigation
Container 5: Headline
Container 6: Subheadline
Container 7: Text (HTML)
Container 8: Artikelliste
Container 9: Bildmodul
Container 10: Bildmodul
Container 11: "Wo bin ich"

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
        <title>Contenido</title>
        <link rel="stylesheet" type="text/css" href="css/format.css">
        <link rel="stylesheet" type="text/css" href="/cms/css/menu1.css">
        <link rel="stylesheet" type="text/css" href="/cms/css/menu2.css">
        <link rel="stylesheet" type="text/css" href="/cms/css/breadcrump.css">
</head>

<body bgcolor="#FFECBF" style="margin:0px">
<table width="800" height="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr><td height="20"></td></tr>
<tr><td align="center">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td width="200" align="center">CMS_CONTAINER[1]</td>
    <td align="center" height="80" width="400">
     <table width="400" border="0" height="80" cellspacing="0" cellpadding="0" background="D:/Contenido/website/schülerzeitung/grafik/banner.jpg" " background-color: #FFECBF">
     <tr><td>
     <table border="0" cellspacing="0" cellpadding="0" width="400" height="80">
     <tr><td> </td></tr><tr><td align="left" valign="bottom">

     <!--hilfsnavi-->
     CMS_CONTAINER[2]
     <!--hilfsnavi ende-->

     </td></tr>
     </table>
     </td></tr>
     </table>

    </td>
    <td width="200" align="center">CMS_CONTAINER[3]</td>
  </tr>

  <tr><td colspan="3" height="20px" bgcolor=#000080 class="breadcrump" align="right" valign="center">CMS_CONTAINER[11]</td></tr>


  <tr>
    <td align="left" valign="top" width="200">
     <!--navi-->
     CMS_CONTAINER[4]
     <!--navi ende-->

    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="400" height="50%" border="0" cellspacing="0" cellpadding="0" style="border: 1px; background-color: #C1C9FF">
        <tr><td height="20" colspan="2"> </td></tr> 
        <tr><td rowspan="3" width="25"> </td>
        <td valign="top" height="30" class="headline">CMS_CONTAINER[5]</td></tr>
        <tr><td valign="top" height="30" class="subheadline">CMS_CONTAINER[6]</td></tr>
        <tr><td valign="top" height="704px" class="text">CMS_CONTAINER[7]</td></tr>
     </table>
       <!--inhalt ende-->
      </td>

     <td align="right" valign="top">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>CMS_CONTAINER[8]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[9]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[10]</td>
            </tr>

        </table>

</td></tr></table>

</td></tr></table>
</body>
</html>

Modul Hauptnavigation:

Code: Alles auswählen

/**
 * Navigation
 *
 * INPUT
 *
 * @autor Jan Lengowski <Jan.Lengowski@4fb.de>
 * @copyright four for business AG 2003
 */

?>
<table cellspacing="0" cellpadding="0" cellpadding="0">
    <tr>
        <td class="text_medium" style="padding: 10px;" bgcolor=#FFECBF>Baum w?hlen:</td>
        <td style="padding: 10px;" width="200">
            <select name="CMS_VAR[0]">
            <option value="0">-- kein --</option>
            <?php

                $sql = "SELECT
                            A.idcat,
                            C.name
                        FROM
                            ".$cfg["tab"]["cat_tree"]." AS A,
                            ".$cfg["tab"]["cat"]." AS B,
                            ".$cfg["tab"]["cat_lang"]." AS C
                        WHERE
                            A.idcat     = B.idcat AND
                            B.idcat     = C.idcat AND
                            C.idlang    = '".$lang."' AND
                            B.idclient  = '".$client."' AND
                            C.visible   = 1 AND
                            A.level     = '0'
                        ORDER BY
                            A.idtree";

                $db->query($sql);

                while ( $db->next_record() ) {

                    if ( "CMS_VALUE[0]" == $db->f("idcat") ) {
                        echo '<option selected="selected" value="'.$db->f("idcat").'">'.$db->f("name").'</option>';

                    } else {
                        echo '<option value="'.$db->f("idcat").'">'.$db->f("name").'</option>';

                    }
                }

            ?>
            </select>
        </td>
    </tr>
</table>

<?php

Vielen Dank schon mal für's Drübergucken.
Liebe Grüße
Vicky

[Oldperl]

Hallo Vicky,

da gehen die Nächte schneller rum *auf die Uhrzeit schiel*

Also zu deinem Layout und dem Modulteil:

1. Gibt es die Möglichkeit sich das irgendwo mal Online anzuschaun?
2. Der von dir gepostete Modulteil der Hauptnavigation (INPUT) ist nur für die Eingabe im Backend (Kategoriebezug) zuständig. Wichtig für die Ausgabe im Frontend ist der Output Teil.
3. Falls es keine Onlineversion gibt, wären zumindest die CSS-Dateien noch interessant.

Gruß aus Franken

Ortwin

[vicky-pag]

Hallo,

leider ist meine Website noch nicht im Internet zu sehen. Ich poste an dieser Stelle aber mal die restlichen Daten, vielleicht helfen die ja schon weiter.

OUTPUT:

Code: Alles auswählen

<?php

/***********************************************
* CONTENIDO MODUL - OUTPUT
*
* Modulname   :     Navigation 1.1
* Author      :     Jan Lengowski
* Copyright   :     Contenido - four for business
* Created     :     15-05-2003
* Modified    :     26-05-2003
************************************************/

if ( !is_object($db2) ) {
    $db2 = new DB_Contenido;
}

/**
 * Check if a category is child
 * of another category
 *
 * @return boolean true/false
 * @author Jan Lengowski <Jan.Lengowski@4fb.de>
 * @copyright four for business AG 2003
 */
if (!function_exists("catIsChildOf"))
{
    function catIsChildOf($id, $idparent) {
    
        global $cfg, $client, $lang;
    
        $db = new DB_Contenido;
    
        $parent = $id;
    
        while ( $parent != 0 ) {
    
            $sql = "SELECT
                        a.parentid
                    FROM
                        ".$cfg["tab"]["cat"]." AS a,
                        ".$cfg["tab"]["cat_lang"]." AS b
                    WHERE
                        a.idclient  = '".$client."' AND
                        b.idlang    = '".$lang."' AND
                        a.idcat     = b.idcat AND
                        a.idcat   = '".$parent."'";
    
            $db->query($sql);
            $db->next_record();
    
            $parent = $db->f("parentid");
    
            if ($parent == $idparent) {
                return true;
            }
    
        }
    
        return false;
    
    }
}

if ( catIsChildOf($idcat, "CMS_VALUE[0]") ) {
    $sel_idcat = $idcat;
} else {
    $sel_idcat = "CMS_VALUE[0]";
}

/* Include Template Class */
include_once($cfg["path"]["contenido"] . 'classes/class.template.php');

/**
 * Array storing alle the
 * navigation data
 */
$navitems = array();


/* Template Instance */
$tpl = new Template;

/**
 * Recursive function for creating
 * the navigation array
 * @param Int $idcat Category id
 */
function nav($idcat) {

        global $navitems, $client, $lang, $cfg;

        $db  = new DB_Contenido;
        $db2 = new DB_Contenido;

        $sql = "SELECT parentid FROM ".$cfg["tab"]["cat"]." WHERE idcat = '$idcat'";

        $db->query($sql);
        $db->next_record();

        $parentid = $db->f("parentid");

        if ( $parentid == 0 ) {

           if ( $idcat != "CMS_VALUE[0]" ){

                $navitems = array();
              
                $sql = "SELECT
                            A.idcat,
                            C.name
                        FROM
                            ".$cfg["tab"]["cat_tree"]." AS A,
                            ".$cfg["tab"]["cat"]." AS B,
                            ".$cfg["tab"]["cat_lang"]." AS C
                        WHERE
                            A.idcat     = B.idcat   AND
                            B.idcat     = C.idcat   AND
                            B.idclient  = '$client' AND
                            C.idlang    = '$lang'   AND
                            C.visible   = '1'       AND
                            B.parentid  = 'CMS_VALUE[0]'
                        ORDER
                            BY A.idtree";

                      $db->query($sql);

                      while ($db->next_record()) {

                            /* Check for external redirects... */
                            $sql = "SELECT
                                        a.external_redirect AS ext
                                    FROM
                                        ".$cfg["tab"]["art_lang"]." AS a,
                                        ".$cfg["tab"]["cat_art"]." AS b,
                                        ".$cfg["tab"]["cat"]." AS c
                                    WHERE
                                        b.idcat     = '".$db->f("idcat")."' AND
                                        b.is_start  = '1' AND
                                        c.idclient  = '".$client."' AND
                                        c.idcat     = b.idcat AND
                                        a.idart     = b.idart AND
                                        a.idlang    = '".$lang."'";

                            $db2->query($sql);
                            $db2->next_record();

                            $target = ( $db2->f("ext") == 0 ) ? '_self' : '_blank';

                            $navitems[$db->f("idcat")] = array("idcat"      => $db->f("idcat"),
                                                                "name"      => $db->f("name"),
                                                                "target"    => $target);
                      }

           }
           
           return true;
        }

        $sql = "SELECT
                    A.idcat,
                    C.name
                FROM
                    ".$cfg["tab"]["cat_tree"]." AS A,
                    ".$cfg["tab"]["cat"]." AS B,
                    ".$cfg["tab"]["cat_lang"]." AS C
                WHERE
                    A.idcat     = B.idcat   AND
                    B.idcat     = C.idcat   AND
                    B.idclient  = '$client' AND
                    C.idlang    = '$lang'   AND
                    C.visible   = '1'       AND
                    B.parentid  = '$parentid'
                ORDER BY
                    A.idtree";

        $db->query($sql);

        while ($db->next_record()) {

                /* Check for external redirects... */
                $sql = "SELECT
                            a.external_redirect AS ext
                        FROM
                            ".$cfg["tab"]["art_lang"]." AS a,
                            ".$cfg["tab"]["cat_art"]." AS b,
                            ".$cfg["tab"]["cat"]." AS c
                        WHERE
                            b.idcat     = '".$db->f("idcat")."' AND
                            b.is_start  = '1' AND
                            c.idclient  = '".$client."' AND
                            c.idcat     = b.idcat AND
                            a.idart     = b.idart AND
                            a.idlang    = '".$lang."'";

                $db2->query($sql);
                $db2->next_record();

                $target = ( $db2->f("ext") == 0 ) ? '_self' : '_blank';
                
                $tmp_nav[$db->f("idcat")] = array("idcat"   => $db->f("idcat"),
                                                  "name"    => $db->f("name"),
                                                  "target"  => $target);
        }

        $tmp_nav[$idcat]["sub"] = $navitems;
        $navitems = $tmp_nav;

        /* Function call */
        nav($parentid);

}  // end function

$sql = "SELECT
            A.idcat,
            C.name
        FROM
            ".$cfg["tab"]["cat_tree"]." AS A,
            ".$cfg["tab"]["cat"]." AS B,
            ".$cfg["tab"]["cat_lang"]." AS C
        WHERE
            A.idcat     = B.idcat   AND
            B.idcat     = C.idcat   AND
            B.idclient  = '$client' AND
            C.idlang    = '$lang'   AND
            C.visible   = '1'       AND
            B.parentid  = '$sel_idcat'
        ORDER BY
            A.idtree";

$db->query($sql);

while ( $db->next_record() ) {

        /* Check for external redirects... */
        $sql = "SELECT
                    a.external_redirect AS ext
                FROM
                    ".$cfg["tab"]["art_lang"]." AS a,
                    ".$cfg["tab"]["cat_art"]." AS b,
                    ".$cfg["tab"]["cat"]." AS c
                WHERE
                    b.idcat     = '".$db->f("idcat")."' AND
                    b.is_start  = '1' AND
                    c.idclient  = '".$client."' AND
                    c.idcat     = b.idcat AND
                    a.idart     = b.idart AND
                    a.idlang    = '".$lang."'";

        $db2->query($sql);
        $db2->next_record();

        $target = ( $db2->f("ext") == 0 ) ? '_self' : '_blank';

        $navitems[$db->f("idcat")] = array("idcat"  => $db->f("idcat"),
                                           "name"   => $db->f("name"),
                                           "target" => $target);
}

/* Create Navigation Array */
nav($sel_idcat);

/* Start Output buffer */
ob_start();

echo '<table cellspacing="0" cellpadding="0" border="0">';

foreach ($navitems as $key => $data) {

    /* 1. Navigations Ebene */
    $tpl->reset();
    $tpl->set('d', 'NAME',  $data['name']);
    $tpl->set('d', 'TARGET', $data['target']);
    $tpl->set('d', 'HREF',  $sess->url('front_content.php?idcat='.$data['idcat']));
    $tpl->next();

    if ($idcat == $data['idcat'] || is_array($data['sub'])) {
        $tpl->generate('templates/navfirst_on.html');
    } else {
        $tpl->generate('templates/navfirst_off.html');
    }

    if (is_array($data['sub'])) {

        foreach ($data['sub'] as $key => $data) {

            /* 2. Navigations Ebene */
            $tpl->reset();
            $tpl->set('d', 'NAME',  $data['name']);
            $tpl->set('d', 'TARGET', $data['target']);
            $tpl->set('d', 'HREF',  $sess->url('front_content.php?idcat='.$data['idcat']));
            $tpl->next();

            if ($idcat == $data['idcat'] || is_array($data['sub'])) {
                $tpl->generate('templates/navsecond_on.html');
            } else {
                $tpl->generate('templates/navsecond_off.html');
            }

            if (is_array($data['sub'])) {

                foreach ($data['sub'] as $key => $data) {

                    /* 3. Navigations Ebene */
                    $tpl->reset();
                    $tpl->set('d', 'NAME',  $data['name']);
                    $tpl->set('d', 'TARGET', $data['target']);
                    $tpl->set('d', 'HREF',  $sess->url('front_content.php?idcat='.$data['idcat']));
                    $tpl->next();

                    if ($idcat == $data['idcat']) {
                        $tpl->generate('templates/navthird_on.html');
                    } else {
                        $tpl->generate('templates/navthird_off.html');
                    }

                } // end foreach

            } // end if

        } // end foreach

    } // end if

} // end foreach

echo '</table>';

/* Read out buffer */
$html = ob_get_contents();

/* Clean buffer */
ob_end_clean();

/* Output buffer-contents */
echo $html;

?>

CSS-DATEIEN

format.css

Code: Alles auswählen

body             {font-family: helvetica, arial, geneva, sans-serif; font-size: x-small; color: #000000}
.punkte   	 {font-family: helvetica, arial, geneva, sans-serif; font-size:13; color:#000080; font-weight: bold}
.headline   	 {font-family: helvetica, arial, geneva, sans-serif; font-size:15; color:#000000; font-weight: bold}
.subheadline   	 {font-family: helvetica, arial, geneva, sans-serif; font-size:13; color:#AE6B00}
.text		 {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color:#000080}
.navigation {font-family: helvetica, arial, geneva, sans-serif; font-size:10; bgcolor:#C1C9FF;}



A:link           {font-family: helvetica, arial, geneva, sans-serif; font-size:13; text-decoration: none; color: #004080}
A:visited        {font-family: helvetica, arial, geneva, sans-serif; font-size:13; text-decoration: none; color: #004080}
A:hover          {font-family: helvetica, arial, geneva, sans-serif; font-size:13; text-decoration: none; color: #AE6B00}
A:active         {font-family: helvetica, arial, geneva, sans-serif; font-size:13; text-decoration: none; color: #AE6B00}


A.klein:link	{font-family: helvetica, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #000080}
A.klein:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #000080}
A.klein:hover	{font-family: helvetica, arial, geneva, sans-serif; font-size:11; font-weight:bold; text-decoration: none; color: #000080}
A.klein:active	{font-family: helvetica, arial, geneva, sans-serif; font-size:11; text-decoration: none; color: #000080}

menu1.css

Code: Alles auswählen

/*Menülinks 1. Ebene*/

a.menu1:link{
 color:#000080;
 background-color:#C1C9FF;}
a.menu1:hover{
 background-color:#C1C9FF;
 color:#000080;
 font-weight:bold;
}

menu2.css

Code: Alles auswählen

/*Menülinks 2. Ebene*/


}
a.menu2:hover{
 background-color:#C1C9FF;
 color:#000080;
 font-weight:bold;
}

Liebe Grüße aus Montabaur
Vicky

[i-fekt]

Kann mir das Problem leider nicht ganz erklären, ist auch recht schwer da man es nicht online sieht. Kannst du mal noch einen Screenshot vom Problem posten und einen wie es aussehen soll?

[Halchteranerin]

vickylein, warum so viele css-Dateien? Ich hatte dir doch gesagt, dass alles in EINER Datei stehen kann. Sonst verlierst du irgendwann den Ueberblick ueber die vielen Dateien. Es kann alles in der format.css stehen!