WCM Forum

WCM Forum (http://www.wcm.at/forum/index.php)
-   Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)
-   -   CSS Problem (http://www.wcm.at/forum/showthread.php?t=222962)

hewlett 12.09.2007 19:55

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?

iG0r 12.09.2007 20:04

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.

zAPPEL 12.09.2007 20:07

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

hewlett 12.09.2007 20:08

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.

iG0r 12.09.2007 20:22

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?

hewlett 12.09.2007 20:23

Zitat:

Original geschrieben von iG0r
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?
wieso?

der gerade aktive link soll anders dargestellt werden als alle anderen!

hewlett 12.09.2007 21:08

so gehts:

http://www.perun.net/2004/11/23/aktu...s-hervorheben/

reemrev 12.09.2007 21:28

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.

iG0r 12.09.2007 21:30

Zitat:

Original geschrieben von hewlett
so gehts:

http://www.perun.net/2004/11/23/aktu...s-hervorheben/

Nix anderes hab ich in meinem 1. Post geschrieben.

hewlett 12.09.2007 21:57

Zitat:

Original geschrieben von iG0r
Nix anderes hab ich in meinem 1. Post geschrieben.
nur hast du es ein bisschen unverständlich geschrieben für mich, aber trotzdem danke!


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:14 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 2009 FSL Verlag