CSS-Navi Frage

  • CSS-Navi Frage

    Hi Leudz!!
    Ich habe eine kleine Frage im Bezug auf eine (meine) CSS-Navigation:

    Quellcode

    1. #navigation_block {
    2. margin: 0 auto;
    3. width: 823px;
    4. height: 41px;
    5. background: url(images/nav1.jpg) no-repeat;
    6. }
    8. #navigation_block ul {
    9. list-style: none;
    10. width: 823px;
    11. margin:0 auto;
    12. }
    14. #navigation_block li {
    15. list-style: none;
    16. display: block;
    17. color: #FFFFFF;
    18. height: 41px;
    19. line-height: 41px;
    20. margin:0 3px;
    21. float: left;
    22. }
    24. #navigation_block li a {
    25. display: block;
    26. font-size: 11px;
    27. font-family: verdana;
    28. color: #FFFFFF;
    29. background: url(images/nav1.jpg);
    30. height: 41px;
    31. line-height: 41px;
    32. text-decoration: none;
    33. width: 85px;
    34. float: left;
    35. }
    37. #navigation_block li a:hover {
    38. display: block;
    39. color: #FFFFFF;
    40. background: url(images/nav2.jpg) repeat-x;
    41. text-decoration: none;
    42. }
    44. #navigation_block li a.current {
    45. display: block;
    46. font-size: 11px;
    47. font-family: verdana;
    48. color: #FFFFFF;
    49. background: url(images/nav2.jpg);
    50. height: 41px;
    51. line-height: 41px;
    52. text-decoration: none;
    53. width: 85px;
    54. float: left;
    55. }
    57. #navigation_block li a:hover.current {
    58. display: block;
    59. color: #FFFFFF;
    60. background: url(images/nav2.jpg) repeat-x;
    61. text-decoration: none;
    62. }
    Alles anzeigen


    Der Code zeigt den CSS Code für die Navigation. Natürlich ist alles in einem DIV-Tag auf der Seite angezeigt. Zu sehen ist auch #navigation_block li a.current + #navigation_block li a:hover.current. Dieses zeigt an, wo sich der Besucher auf der Site befindet (oben in der Navi). Wie schaff ich das jetzt, dass ich nicht in jede Unterseite das Design einbaue und hinter dem dazugehörigen Link den current anzeige, sondern dass der Browser das sozusagen von alleine herausfindet.
    Ich hoffe ich hab mich verständlich ausgedrückt. Danke schon im Vorraus.
    Greetz, Minamato


    Besucht doch Narutoslife - Deine Naruto Informationsquelle!!


    --- Zeitenbann ---


    Besucht doch Zeitenbann.de - Die offzielle Website des Gothic-, Mittelalter- und Skurriles-Shop!!

  • benutzt du denn noch andere Techniken wie z.B php ?

    Da du meines Wissens nicht drum herum kommen wirst, das sonst in jede Seite einzubauen.

    Mit einer Script oder Programmiersprache hättest du den Vorteil, dass du die URL auslesen kannst und dadurch feststellst auf welcher Seite sich der User befindet.
    Da könntest du dann deine class="current" einfach ausgeben.

  • Ich würde mir mit PHP die Navigation dynamisch zusammenbauen lassen, dann ersparst Du Dir viel Tipparbeit. Mal eben aus dem Kopf zusammengetippt und ohne Funktionsgarantie:

    Quellcode

    1. <?php
    3. $navigationselemente = array(
    4. array(
    5. "pfad" => array("element" => "wert", "element_2" => "wert2"),
    6. "name" => "Der Name",
    7. ),
    8. array(
    9. # s.o.
    10. ),
    11. );
    13. echo '<ul id="navigation>';
    14. foreach($navigationselemente as $element)
    15. {
    16. echo '<li><a href="index.php?'.http_build_query($element["pfad"]).'" '.((http_build_query($element["pfad"]) === str_replace("index.php?","",$_SERVER["REQUEST_URI"])) ? 'class="current"' : '').'>'.$element["name"].'</a>';
    17. }
    18. echo '</ul>';
    20. ?>
    Alles anzeigen


    Das ist jetzt weder besonders schnell noch besonders schön, erklärt Dir aber ggf. anschaulich, wie es grundsätzlich funktioniert.