![]() |
CSS Problem
Hi Leute,
folgendes Problem: ich habe eine Menüleiste mit einigen Links darin. Ich möchte mittels CSS realisieren das ich wenn ich auf den Link klicke das sich die Farbe und der Style (italic) dieses Links verändert. Die anderen sollen gleich bleiben. Wenn ich jetzt auf einen anderen Link klicke soll sich auch der nach diesen Kriterien ändern und der andere sollte wieder "normal" werden. Hoffe ich habe mich verständlich ausgedrückt. Geht das mit CSS? |
Ich gehe mal davon aus, dass du den Link immer in der geänderten Farbe haben willst, wenn der Besucher auf der zum Link passenden Website ist.
Wenn dem so ist, dann kannst du einfach die farblichen änderungen per css definieren, diese dann auf der Website, wenn sie geladen wird setzten. Wenn alle class oder id = blue sind, dann einfach den Menüpunkt des gewünschten Menü mit z.B. id = red ersetzen. |
Also rein über CSS geht es nicht, du musst wie gesagt unterschiedliche Klassen für den aktiven und die restlichen Links definieren und die dann entsprechend Beschreiben.
lg |
weis nicht ob du mich richtig verstanden hast.
der gerade aktive link im menü soll einen anderen style haben, alle anderen den "normalen" style. sobald auf einen anderen link im menü geklickt wird soll dieser den style ändern und der vorherige wieder "normal" werden. |
Das kannst du schon rein mit css machen, nur ist der gerade geklickte Link nur für ein paar Bruchteile einer Sekunde sichtbar, denn es wird ja eine andere Site geladen, oder nicht?
|
Zitat:
der gerade aktive link soll anders dargestellt werden als alle anderen! |
|
Ich mach es mit einer Variablen, vielleicht nicht elegant aber brauchbar:
(ist aber eine PHP/CSS Variante) //Seite 1 im Menü beginnt so: <?php $menu_sel=1;//(Seite 2 bekommt den Wert 2...) require ('inc/menu.inc'); //In der Menu.inc kommt unter anderem dies: //Zuerst die Menüeinträge festlegen $titel = array( "eintrag1" => "seite1.php",//=1 "eintrag2" => "seite2.php",//=2 "eintrag3" => "seite3.php" //=3 usw... ); $i=1; foreach($titel as $menu => $link) { IF ($i != $menu_sel){ echo '<li class="menu">'.$menu.''."\n"; } ELSE { echo '<li class="active">'.$menu.''."\n"; } $i++; } Das Menü sieht dann so aus: eintrag1 eintrag2 eintrag3 //li.menu und li.active müssen in der CSS Datei unterschiedlich gestaltet werden. Andere Möglichkeit wäre, dem body-tag eine eigene ID zugeben, die der Klasse des angewählten Menüpunktes entspricht. Dazu muss jeder Menüpunkt natürlich eine eigene ID besitzen. |
Zitat:
|
Zitat:
|
| Alle Zeitangaben in WEZ +2. Es ist jetzt 19:14 Uhr. |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag