|
|||
separate navigation > css > aktiver Link?
Hallo
bei http://www.thestyleworks.de/tut-art/listnav2.shtml wird wunderbar gezeigt, wie man Listen-Navigationen erstellen kann. Insbesondere auch, wie man es anstellt, damit der aktive Link in der Navigation angezeigt wird. Mein Problem ist jetzt aber, dass ich meine Navigation in einer separaten Datei haben möchte und auf allen Seiten einbinde. Ich will die Navigationsänderungen ja nicht jedesmal auf allen Seiten ändern! Frage: gibt es trotzdem mit css eine Möglichkeit, den Link aus so aktiv anzuzeigen? Oder muss man das anders machen? Mit Javascript? Danke für Eure Tipps! Oli |
Sponsored Links |
|
|||
hi,
wenn ich das alles richtig verstehe hasst du das gleiche Problem wie in dem Beitrag hier, vielleicht kommt ja auch die gleiche Lösung in Frage. CSS Menü auslagern |
Sponsored Links |
|
|||
Hat es bei Dir geklappt? Bei mir nicht. Hier mal den Code der hmt-Datei und die css-Infos:
................... 1. Testdatei Code:
<body> <?php include('testnav.php'); ?> <br /><br /><br /><br /><br /><br /><br /><br /> Seite 1 </body> 2. Navigation Code:
<div id="navigation"> <ul> <li<? if ($nav == 1) echo " class='aktiv'"; ?>><a href="test1.php">Test1</a></li> <li<? if ($nav == 1) echo " class='aktiv'"; ?>><a href="test2.php">Test2</a></li> <li><a href="">xx</a></li> <li><a href="">yy</a></li> </ul> </div> 3. die css-Datei Code:
body { font-size: 15px; color: #000; background-color: #393; padding: 0; margin: 0; } #maincontent { background-color: #f6ffff; padding: 1em; border-left: 1px solid #909; margin: 0 0 0 174px; } #navigation { position: absolute; top: 7px; left: 7px; } #navigation ul { padding: 0; margin: 0; } #navigation li { padding: 0; margin: 0; list-style: none; width: 168px; } #navigation li a { background-color:#FF9900; } #navigation li a:hover, #navigation li a.aktiv { background-color:#99FF66; } #navigation a { font: bold 1em sans-serif; text-decoration: none; display:block; padding: 3px 4px; border: 1px solid #909; margin: 2px 0 0 10px; width: 148px; } Danke für die Hilfe! Oliver |
|
|||
Zitat:
Von daher geht dieser Vorschlag von Dir nicht oder? |
|
|||
Am einfachsten machst du es, wenn du die navigation per php includest und auf jeder Seite dann eine andere Zahl an die Variable xyz übergibst.
Z.b. html file, an der stelle wo das menü erscheinen soll Code:
<?php $menu = 2; include('testnav.php'); ?> Code:
<div id="navigation"> <ul> <li<? if ($nav == 1) echo " class='aktiv'"; ?>><a href="test1.php">Test1</a></li> <li<? if ($nav == 2) echo " class='aktiv'"; ?>><a href="test2.php">Test2</a></li> <li><a href="">xx</a></li> <li><a href="">yy</a></li> </ul> </div> Hoffe damit kommst etwas weiter. Geändert von optimax (14.08.2006 um 15:31 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Navigation - Aktuellen Link hervorheben? | citrus | CSS | 7 | 21.02.2013 23:53 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
Animated Navigation with CSS & jQuery (Problem) | Softice | CSS | 1 | 15.10.2011 21:46 |
Navigation ist nicht mittig | Schokokrapfen | CSS | 29 | 20.09.2011 00:19 |
Problem mit Navigation | safari | CSS | 12 | 20.04.2011 12:11 |