✔ Aktiven Link Anzeigen

[Merbi]

Guten Morgen allerseits,

ich habe mir ein Menü mit CSS gestaltet und arbeite mit php.

index.php:

<li><a href="index.php?id=home.php">Startseite</a></li>


stylesheet.css:

.menue li {
	list-style-type : none;
	text-align : left !important;
	width : 160px !important;
	max-width : 160px !important;
	min-width : 160px !important;
	border-bottom: 1px solid #1F2680;	
}


.menue a:link {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	background-color: #0099dd;
}

.menue a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	background-color: #0099dd;
}
	
.menue a:hover {
	color:#FFFFFF;
	background-color: #1F2680;
}

Jetzt habe ich die ganze nacht nach einer Lösung gesucht aber finde keine per google.

Ich möchte gerne den jeweils aktiven Link auf der Seite wo man sich befindet anders gestalten so das man sieht wo man sich auf hällt und der soll sich erst ändern sobald ein anderer link geklickt wurde.

Vielen Dank schonmal.

MFG Daniel

P.S. Ich habe natürlich nicht nur einen Link im Menü.
Aber ich denke so ist es übersichtlicher.

 

[Kahmoon]

Hier müsstest Du die $_GET Variable abfragen. z.B.

if($_GET["id"] == "home"){
  print '<a href="#"><strong>Home</strong></a>';
}else{
  print '<a href="#">Home</a>';
}

 

[Acriss]

das si viel einfach
dafür gibts nen css code:

.menue a:active {
color:#FFFFFF;
background-color: #1F2680;
}

mehr isses nich

 

[Kahmoon]

Nene. Das wird aber nicht funktionieren. Woher soll er denn wissen wo er sich gerade befindet?

 

[Maik]

Hi!

das si viel einfach
dafür gibts nen css code:

.menue a:active {
color:#FFFFFF;
background-color: #1F2680;
}

mehr isses nich

Dann schauen wir mal, wofür die :active-Pseudoklasse überhaupt steht:

:active = für gerade angeklickte Elemente

Quelle: http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active

Mit anderen Worten: diese Pseudoklasse gilt nur solange, wie das Element mit der Maus gedrückt wird. Sobald die Maustaste wieder losgelassen oder woanders hingeklickt wird, verliert die :active-Pseudoklasse ihre Gültigkeit.

 

[Acriss]

echt nicht?
Wieso hab cih da dann was anderes gelesen?
Naja,
muss ersma zur Schule
guck heut Abend nochmal

 

[Kahmoon]

a:active { CSS-Eigenschaft:Wert; ... } /* Angeklickte Verweise */

Edit:
verdammt...zu langsam

 

[Merbi]

Danke für die vielen Antworten.

Das mit dem get habe ich auch schonmal gehört.
Nur würde ich es gerne mit nem eigenem class verbinden ist das auch möglich.

Und noch zum a:active: Da das nicht geht habe ich mich ja an euch gewand weil ich per suchmaschinen auch nichts was funktioniert gefunden habe.

MFG Daniel

P.S. Schönes Wochenende und allen aus NRW schöne Ferien