Navigation im php include inkl. a:active Problem

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

  • Navigation im php include inkl. a:active Problem

    Hallo,

    ich beschäftige mich seit gut zwei Wochen mit HTML5 und CSS und baue mir gerade meine eigene Portfolioseite. PHP habe ich auch in meine Seite eingebunden, allerdings nur ein header und footer include. Mehr von der Materie verstehe ich im Moment nicht. Wieso ich dann überhaupt php benutze? Ich muss, weil ich nächste Woche eine Prüfung in HTML ablegen muss, und php include ist Pflicht. Jetzt funktioniert das ja schon, nur möchte ich, dass ich auf der Seite auf der ich gerade bin eine Hervorhebung des Links in der Navi haben, also zB fette Schrift. Ich hab übers googlen einige Varianten probiert doch keine Lösung hat funktioniert. Vielleicht könnt ihr mir da weiterhelfen.

    Zu erst mein "header.php"

    HTML-Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    
        <meta charset="UTF-8">
        <title>Titel</title>
    
    <link rel="stylesheet" href="css/main.css">
    </head>
    
    <body>
        <div id="header"><h2>Titel der Seitee</h2></div>
    
    <div id="container">
        <div id="center" class="column">
    Die "footer.php" -->

    HTML-Code:
    </div>
    
        <div id="navi" class="column">
            <ul>
                <li><a href="portfolio.php">Portfolio</a></li>
                <li><a href="vita.php">Vita</a></li>
                <li><a href="kontakt.php">Kontakt</a></li>
            </ul>
        </div> 
        
    </div>
    
    <div id="footer">© ich 2015 | <a href="impressum.php">Impressum</a></div>
    
    </body>
    </html>
    Vielen Dank!

  • #2
    Ich sehe keine includes, nur Links.

    Wenn du etwas per include einbinden möchtest, muss auch irgendwo der Befehl include() auftauchen denke ich....

    PHP: include - Manual

    Kommentar


    • #3
      Zitat von oli1a Beitrag anzeigen
      nur möchte ich, dass ich auf der Seite auf der ich gerade bin eine Hervorhebung des Links in der Navi haben, also zB fette Schrift.
      Dann musst du herausfinden, auf welcher Seite du dich gerade befindest – und dem zugehörigen Link z.B. eine Klasse wie „active“, „current“ o.ä. verpassen.

      Schau dir mit var_dump den Inhalt von $_SERVER an, und überlege welcher der Werte darin dafür geeignet sein könnte.
      I don't believe in rebirth. Actually, I never did in my whole lives.

      Kommentar


      • #4
        Ergänzend sei gesagt, dass in die Pseudoklasse :active gerne fälschlicherweise eine Funktionalität hineininterpretiert wird, die sie nicht hat. Du kannst damit nicht den Link zur aktuell geladenen Seite ansprechen.

        Auf :link, :visited, :focus, :hover, :active kannst du es testen - :active gilt nur, solang du die Maustaste auf einen Link gedrückt hältst. In dem verlinkten Beispiel werden die Links daher während des gedrückthaltens hellgrün.
        Ihr habt ein Torturial durchgearbeitet, das auf den mysql_-Funktionen aufbaut?
        Schön - etwas Geschichte kann ja nicht schaden.
        Aber jetzt seht euch bitte php.net/pdo oder php.net/mysqli bevor ihr beginnt!

        Kommentar


        • #5
          Sorry meinte nicht a:active, sondern die Klasse .active, die ich eingerichtet habe.

          Ich hab mich falsch ausgedrückt, hier nochmal

          Meine index.php:

          HTML-Code:
          
          <?php include_once 'includes/header.php';?>
          
          
          
          <!-- start content -->
          
          
          <img class="index_img" src="img/strich_m.jpg" alt="Zeichnung">
          
          
          
          
          
          
          <!-- end content -->
          
          
          
          
          
              </div>
          
              <div id="navi" class="column">
              <ul>
                  <li><a href="portfolio.php">Portfolio</a></li>
                     <li><a href="vita.php">Vita</a></li>
                  <li><a href="kontakt.php">Kontakt</a></li>
                 </ul>
              </div> 
          
          </div>
          
          <div id="footer">
              &copy; 2015 | <a href="impressum.php">Impressum</a>
          </div>
          
          </body>
          </html>
          Wie man sieht habe ich da schon ein include, ich würde gerne die Navifooter (#navi) in eine footer.php packen.

          Soe sieht die header.php aus:

          HTML-Code:
          <!DOCTYPE html>
          <html lang="en">
          <head>
          
              <meta charset="UTF-8">
              <title>Name</title>
          
          
              <!-- <meta http-equiv="refresh" content="1;url=http://www.olivermemic.de/portfolio.php"> -->
          
          <link rel="stylesheet" href="css/main.css">
          
          <link rel="stylesheet" href="js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
          <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
          <script type="text/javascript" src="js/fancybox/source/jquery.fancybox.pack.js"></script>
          
          </head>
          
          
          
          <body>
          <script type="text/javascript">
              $(document).ready(function() {
                  $(".fancybox").fancybox();
              });
          </script>
          
          
          <div id="header">
              <a href="index.php"><img src="img/logo2.jpg" alt="Logo"></a>
          </div>
          
          
          
          <div id="container">
              
              <div id="center" class="column">
          In der alten footer.php hatte ich so etwas drin:

          HTML-Code:
              </div>
          
              <div id="navi" class="column">
                  <ul>
                      <li><a href="portfolio.php">Portfolio</a></li>
                      <li><a href="vita.php">Vita</a></li>
                      <li><a href="kontakt.php">Kontakt</a></li>
              
                  </ul>
              </div> 
          
              
          
              
              
          </div>
          
          <div id="footer">&copy; 2015 | <a href="impressum.php">Impressum</a></div>
          
          </body>
          </html>
          Ich würde das mit der .active versehen, dass das dann, wie in HTML aussehen soll, Beispiel:

          HTML-Code:
          <div id="navi" class="column">
              <ul>
                  <li>
                      <a href="portfolio.php">Portfolio</a>
                      <ul>
                          <li><a href="zeichnung.php" class="active">Zeichnung</a></li>
                          <li><a href="druckgrafik.php">Druckgrafik</a></li>
                          <li><a href="fotografie.php">Fotografie</a></li>
                          <li><a href="bewegtbild.php">Bewegtbild</a></li>
                          <li><a href="grafikdesign.php">Grafikdesign</a></li>
          
                      </ul>    
                  </li>
                     <li><a href="vita.php">Vita</a></li>
                  <li><a href="kontakt.php">Kontakt</a></li>
                 </ul>
          </div>

          Kommentar

          Lädt...
          X