HTML FRAGE [NAVIGATION]

11/24/2013 17:02 DerNoSmOKer#1
Hey Leute,
wir sind gerade dabei eine eigene Homepage zu erstellen. Im Bereich Navigation haben wir ein folgendes Problem bzw wissen wir nicht wie wir das hinbekommen sollen!

Und zwar haben wir einmal diesen Code hier im Navigation:
Code:
                      nav a:hover { 
				background-color:#008cc4;
				padding-top:15px;
				padding-bottom:12px;
				border-radius:3px;
				}
Das heisst wenn wir mit dem Mauszeiger über den Text der Navigation streichen wird der Hintergrund vom Text die ausgewählte Farbe! Das ist ist auch richtig so und passt auch!!

Aber jetzt wollen wir, dass wenn jetzt die Kategorie HOME Aktive ist also benutzt wird dann soll der Hintergrund von HOME eine Blaue Farbe haben damit man weiß Okey ich bin gerade auf HOME!!

Wisst ihr was ich meine oder habe ich es kacke erklärt ?:o

Freue mich über eure Hilfe :)
LG
11/24/2013 17:14 pr0Cellarum#2
CSS:
Code:
                      nav a.active { 
				background-color:#0000ff;
				padding-top:15px;
				padding-bottom:12px;
				border-radius:3px;
				}
HTML:
Code:
<!-- Nav-Bereich -->
<a href="#" class="active">Link</a>
<!-- /Nav-Bereich -->
11/24/2013 17:16 tolio#3
füge einfach zum aktuelle angewählten menüpunkt eine klasse hinzu zb "currentpage" und style diese klasse dann, dann wird immer der menüpunkt auf dem man sich gerade befindet entsprechend angezeigt

€dit, da war jemand schneller ;)
11/24/2013 17:28 DerNoSmOKer#4
Bei mir sieht es jetzt so aus:

HTML CODE:
Code:
<a href="index.html" class="h1">HOME</a>
CSS CODE:

Code:
nav a.h1 {	background-color:#008cc4;
			padding-top:15px;
			padding-bottom:12px;
			border-radius:3px; }

Bei mir bleibt jetzt der Hingerund Blau auch wenn ich mich nicht beim Menüpunkt Home befinde.

Hab ich was Falsch gemacht ?
11/24/2013 17:33 Mikesch01#5
Ändere mal bitte die Klasse zu "activepage" oder ähnlichem...aufjednefall nicht zu h1^^
11/24/2013 17:35 DerNoSmOKer#6
EDIT: Habe jetzt meine class="h1" durch class="active" ersetzt sowie auch in CSS und jetzt funktioniert es!

Aber warum funktioniert es nur wenn class="active" heisst ? active ist doch hier eigentlich nur die Beschriftung damit ich von CSS aus auf dieses Objekt zugreifen kann.
Ist doch egal ob ich class"active" habe oder class"home" oder class"h1" oder nicht ?
Die Beschriftung kann ich mir ja aussuchen oder nciht ?

Ich bedank mich schonmal bei euch beiden für eure bisherige Hilfe :)
11/24/2013 17:43 Kentika#7
Quote:
Originally Posted by DerNoSmOKer View Post
EDIT: Habe jetzt meine class="h1" durch class="active" ersetzt sowie auch in CSS und jetzt funktioniert es!

Aber warum funktioniert es nur wenn class="active" heisst ? active ist doch hier eigentlich nur die Beschriftung damit ich von CSS aus auf dieses Objekt zugreifen kann.
Ist doch egal ob ich class"active" habe oder class"home" oder class"h1" oder nicht ?
Die Beschriftung kann ich mir ja aussuchen oder nciht ?

Ich bedank mich schonmal bei euch beiden für eure bisherige Hilfe :)
h1 ist ein HTML Tag & steht für Headline 1. Du hättest also quasi <h1>text</h1> verändert nicht Deinen a-Tag^^
11/24/2013 17:48 DerNoSmOKer#8
OH GOTT ICH :facepalm::facepalm:

Danke dir! Ich wusste zwar schon dass h1 ein HTML Tag ist aber keine Ahnung warum ich es durch h1 beschriftet habe :facepalm:

Danke dir sehr ! ;)