Menu und Css Problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Menu und Css Problem

    Hallo,

    ich habe folgendes script bei mir als Menu eingebaut:

    PHP-Code:
    <?php
        $path 
    "http://pc001/test/current/";
      if(
    $page == "home")
        {
        echo 
    "\t<li id=\"menu_current\"><a href=\"http://pc001/test/current/\">Home</a></li>\n";
        }
      else
        {
        echo 
    "\t<li id=\"menu_normal\"><a href=\"http://pc001/test/current/\">Home</a></li>\n";
        }
        
        
      if(
    $page == "onair")
        {
        echo 
    "\t<li id=\"menu_current\"><a href=\"".$path."onair/onair.php\">OnAir</a></li>\n";
        
        }
      else
        {
        echo 
    "\t<li id=\"menu_normal\"><a href=\"".$path."onair/onair.php\">OnAir</a></li>\n";
        }

    <?
    php
    Wenn ich zwischen den Seiten Wechsel funktionierts prima.

    Nur wenn ich die Seite in einen Unterordner (hier: onair) verschiebe,
    zeigt er kein hover, active an.

    Wo ist hier der Denkfehler?

    Vielen Dank für euer Bemühen!

    Uedo

  • #2
    kann es sein, dass durch Verschieben in Unterordner der Pfad zu der css-Datei nicht mehr stimmt?

    Kommentar


    • #3
      nein, habe ich auch erst gedacht, aber die Farben wie visited oder link werden angezeigt, es fehlt nur hover.

      Aber danke.

      Kommentar


      • #4
        Dann zeig ein Online-Beispiel.
        I don't believe in rebirth. Actually, I never did in my whole lives.

        Kommentar


        • #5
          So schaut die gesamte menu.php aus.

          Diese wird anschließend in jede andere Datei included.

          Um die Datei zu kennzeichen verwende ich "$page = "onair".

          Mein Problem ist wenn ich eine Ordnerstruktur habe (hier /onair/onair.php), gibt es kein hover effekt.

          Bei allen anderen Datein funktionierts.


          PHP-Code:
          <style type="text/css">
          <!--
          #menu {
              background-color: #000000;
              padding-top: 20px;
              font-size: 14pt;
              font-weight: bold;
              height: 60px;
              padding-left: 50px;
          }
          #navi {
              width: 380px;
              float:left;
          }
          #menu_current {
              display: block;
              float: left;
              padding-left:5px;
          }
          #menu_current a:visited {
              font-weight: bold;
              font-size: 14pt;
              text-decoration: none;
              display: block;
              width: 120px;
              color: #FFFFFF;
              line-height: 50px;
              text-align:center;
              background-image: url(Namenlos.jpg);
              float: left;
              
          }
          #menu_current a:active, #menu_current a:link{
              font-weight: bold;
              font-size: 14pt;
              text-decoration: none;
              display: block;
              width: 120px;
              color: #FFFFFF;
              line-height: 50px;
              text-align:center;
              background-color: #333333;
              float: left;
          }
          #menu_normal {
              display: block;
              font-size: 14pt;
              float: left;
              font-weight: bold;
              padding-left:5px;
          }
          #menu_normal a:visited {
              font-weight: bold;
              text-decoration: none;
              display: block;
              width: 120px;
              color: #FFFFFF;
              line-height: 50px;
              text-align:center;
              font-size: 14pt;
              background-color: #333333;
              float: left;
              font-weight: bold;
          }
          #menu_normal a:hover {
              background-image: url(Namenlos.jpg);
              float: left;
              font-weight: bold;
              font-size: 14pt;
          }
          #menu_normal a:active, #menu_normal a:link{
              font-weight: bold;
              text-decoration: none;
              display: block;
              width: 120px;
              color: #FFFFFF;
              line-height: 50px;
              font-size: 14pt;
              text-align:center;
              background-color: #333333;
              float: left;
          }
          #menu_right {
              display: block;
              float:left;
              color:#FFFFFF;
              text-align: left;
              font-size: 10px;
              padding-top: 10px;
              margin-left: 50px;
          }
          #menu_right a:active, #menu_right a:link, #menu_right a:visited {
              font-size: 10pt;
              text-decoration: none;
              display: block;
              color: #FFFFFF;
              text-align:center;
              float: left;

          }
          #menu_right a:hover {
              float: left;
              text-decoration:underline;
          -->
          </style>
          <div id="menu">
            <div id="navi">
          <?php
              $path 
          "http://pc001/test/current/";
            if(
          $page == "home")
              {
              echo 
          "\t<li id=\"menu_current\"><a href=\"http://pc001/test/current/\">Home</a></li>\n";
              }
            else
              {
              echo 
          "\t<li id=\"menu_normal\"><a href=\"http://pc001/test/current/\">Home</a></li>\n";
              }
              
              
            if(
          $page == "onair")
              {
              echo 
          "\t<li id=\"menu_current\"><a href=\"".$path."onair/onair.php\">OnAir</a></li>\n";
              
              }
            else
              {
              echo 
          "\t<li id=\"menu_normal\"><a href=\"".$path."onair/onair.php\">OnAir</a></li>\n";
              }
              
              if(
          $page == "fun")
              {
              echo 
          "\t<li id=\"menu_current\"><a href=\"http://pc001/test/current/fun.php\">Fun</a></li>\n";
              
              }
            else
              {
              echo 
          "\t<li id=\"menu_normal\"><a href=\"http://pc001/test/current/fun.php\">Fun</a></li>\n";
              }
            
          ?>
            </div>
          <?php
              $path 
          "http://pc001/test/current/";
              echo 
          "\t<li id=\"menu_right\"><a href=\"http://pc001/test/current/disclaimer.php\">Disclaimer</a></li>\n";
              echo 
          "\t<li id=\"menu_right\"><a href=\"http://pc001/test/current/contact.php\">Kontakt</a></li>\n";
            
          ?>
          </div>

          Kommentar


          • #6
            du hast doch background-image für hover definert (nicht nur beim hover), hast du beim Verschieben auch berücksichtigt?

            Kommentar


            • #7
              Oh, vielen Dank.

              Habe leider vergessen den Pfad für das Image zu ändern.

              Dummer Fehler.

              Danke für eure Hilfe

              Uedo

              Kommentar

              Lädt...
              X