zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Menue mit Kontext-Selektor: Was ist falsch??

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.09.2008, 17:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.09.2008
Beiträge: 5
*vivian befindet sich auf einem aufstrebenden Ast
Standard Menue mit Kontext-Selektor: Was ist falsch??

Hallo zusammen!

Ich möchte ein Menü erstellen, bei dem ein im Moment Aktiver Button mittels eines Kontext-Selektors hervorgehoben wird.
Also wenn ich mich z.B. aktuell im Menüpunkt "Menue2" befinde soll dieser Farbig hinterlegt werden. Leider funktioniert es nicht, und ich weiß einfach nicht wo der Fehler liegt...


---> Nachtrag: Gerade eben habe ich bemerkt, dass das ganze im Internet Explorer funktioniert. Aber nicht im Firefox..?? Woran liegt das ??

Hier mein Code:
html:
Code:
<body id="menue1"> 
	
<!--Hauptmenue-->		
		<div class="menue">
			<ul><li id="menue1Nav"><a href="men1.htm">Men1</a></li><li id="menue2Nav"><a href="men2.htm">Men2</a></li></ul>
		</div>
das selbe dann natürlich auch für men2.htm, mit der body id="menue2"

css:
Code:
div.menue {
	bestimmte definitionen, lass ich weg, sicher unwichtig für meine frage?!
}

div.menue ul {
	list-style:none;
}

div.menue li {	
	margin:0;
	padding:0;
}

div.menue a:link, 
div.menue a:visited { 
	text-decoration: none;
	font-size: 11px;
	display:block;
	height: 20px; 
	width: 120px; /*-6px padding left!*/
	margin:8px 0; /*Abstand zwischen den buttons*/
	padding-left: 6px; /*position text*/
	padding-top: 3px;
	background-color:#0066b3;
	color: #ffffff;
}

#menue1 #menue1Nav a, #menue2 #menue2Nav a{
		background-color: green;
}

so, ich hoffe es ist einigermaßen anschaulich!?
Ich steh absolut aufm Schlauch, warum das nicht geht... Also bitte helft mir

Lieben Dank schonmal!
VIV

Geändert von *vivian (12.09.2008 um 17:31 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.09.2008, 17:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.121
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Bei mir geht es übrigens, egal welcher Browser:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style type="text/css">
div.menue ul {
	list-style:none;
}
div.menue li {	
	margin:0;
	padding:0;
}
div.menue a:link, 
div.menue a:visited { 
	text-decoration: none;
	font-size: 11px;
	display:block;
	height: 20px; 
	width: 120px; /*-6px padding left!*/
	margin:8px 0; /*Abstand zwischen den buttons*/
	padding-left: 6px; /*position text*/
	padding-top: 3px;
	background-color:#0066b3;
	color: #ffffff;
}
#menue1 #menue1Nav a, #menue2 #menue2Nav a{
		background-color: green;
}
</style>
</head>
<body id="menue1">
<div class="menue">
	<ul><li id="menue1Nav"><a href="men1.htm">Men1</a></li><li id="menue2Nav"><a href="men2.htm">Men2</a></li></ul>
</div>
</body>
</html>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.09.2008, 17:58
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

HTML-Beispiel:
Code:
<ul id="navigation">
    <li id="navi01"><strong class="current">Startseite</strong></li>
    <li id="navi02"><a href="bilder.htm" title="Zur Galerieseite">Bilder</a></li>
    <li id="navi03"><a href="links.htm" title="Externe Links">Links</a</li><ul>
CSS-Beispiel:
Code:
#navigation a:hover,
#navigation a:focus  {
    color:red;
	background-color:white;
}
.current  {
    color:red;
    background-color:white;
}
Der Link der aktuellen Seite <a> wird gegen <strong> ausgetauscht und <strong> bekommt eine Klasse.
Der Austausch geschieht, damit der Link der aktuellen Seite nicht auf sich selber zeigt.
Ich hab dir nur das CSS für die Klasse und den gehoverten Zustand hingeschrieben. Den Rest mußt du machen.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Was ist an meinem CSS Style Code falsch? bayway CSS 3 30.07.2009 00:24
IE6:Horizontales Menü wird unterschiedlich angezeigt:erst falsch, nach Reload korrekt Ste CSS 0 25.02.2009 14:46
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig nick CSS 6 19.08.2006 03:02
Site mit Firefox --> Ok ! Mit IE völlig falsch. Warum ? mastermsc CSS 3 05.01.2005 22:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:57 Uhr.