✔ Probleme mit dem Aktiv-Status im Menü

The Killer for Two

The Killer for Two

Mitglied
Guten Morgen,
Ich habe ein kleines Problem mit meinem Menü.
In dem Haupt-flayout-Menü wird sobald man sich auf einer der Seiten befindet die Seite auf activ gestellt und bekommt einen anderen Background. Auch alle Menü-punkte die der Überpunkt davon sind bekommen diesen status.
Mein Problem ist jedoch das auf der letzten Ebene, sobald eins davon aktiv ist, alle Unterpunkte diesen Hintergrund bekommen.

http://s2.imgimg.de/uploads/aktiv4c0b339dpng.png hier mal das Bild von dem Menü.
Nicht wundern das ganz dunkle Gelb auf Sport ist hover.

hoffe ihr habt ne idee
greez
The Killer for Two
 
Tja, das Bild ist problematisch, da sich die Ursache daraus nicht ablesen lässt, und sich in unserem Forum wohl kaum ein Benutzer mit Seherkräften tummelt.

mfg Maik
 
Maik hat gesagt.:
Tja, das Bild ist problematisch, da sich die Ursache daraus nicht ablesen lässt, und sich in unserem Forum wohl kaum ein Benutzer mit Seherkräften tummelt.

mfg Maik
Zum Vergrößern anklicken....

Code: 
div#navi_flyout,
div#navi_flyout ul li a,
div#navi_flyout ul li a:visited {background-image: url(area_images/exklusive-reise/header_background_flyouttop.png); color: #170100; }

div#navi_flyout ul li ul li a, 
div#navi_flyout ul li ul li a:visited {border-top: none; border-bottom: none;}
/* navi-farben: #F5E9E9 #7EB27E */ /***** die 2. zeile ist für den IE6****/

div#navi_flyout ul li:hover ul li.active a.hide,
div#navi_flyout ul li:hover ul li.active a,
div#navi_flyout ul li a:hover ul li.active a{background-image:url(area_images/exklusive-reise/act_menu_background.png);}
div#navi_flyout ul li a:hover ul li ul li.active a{background-image:url(area_images/exklusive-reise/act_menu_background.png);}


div#navi_flyout ul li:hover ul li a,
div#navi_flyout ul li a:hover ul li a,
div#navi_flyout ul li:hover ul li a.hide,
div#navi_flyout ul li a:hover ul li ul li a { background-image:url(area_images/exklusive-reise/menu_background.png);}
div#navi_flyout ul li a:hover ul li ul li a,
div#navi_flyout ul li:hover ul li.activ ul li a{ background-image:url(area_images/exklusive-reise/menu_background.png);}

div#navi_flyout ul li:hover a,
div#navi_flyout ul li a:hover {background-image: url(area_images/exklusive-reise/header_background_flyouttop_hover.png); color: #170100;	}

div#navi_flyout ul li:hover ul li:hover a.hide,
div#navi_flyout ul li:hover ul li a:hover,
div#navi_flyout ul li a:hover ul li a:hover {background-image:url(area_images/exklusive-reise/hover_menu_background.png);}

Das der CSS code... problem eben in der dritten ebene, wenn eins davon activ ist, alle den BG bekommen.
 
Maik hat gesagt.:
Den dazugehörigen HTML-Code noch bitte :rolleyes:

mfg Maik
Zum Vergrößern anklicken....

Code: 
				<div id="navi_flyout" class="menu skincolor"><!-- begin menu -->
					<!-- ###NAVI_TOP### begin -->
					<ul>
						<li class="first active"><a href="#">Magazin</a></li>
						<li><a href="#">Die Region </a>
							<ul>
								<li><a href="#">Ausgehen</a></li>
								<li><a href="#">Auto &amp; Verkehr</a></li>
								<li><a href="#">Essen &amp; Trinken</a></li>
								<li><a href="#">Freizeit</a></li>
								<li><a href="#">Gesundheit</a></li>
							</ul>
						</li>
						<li><a class="hide" href="testlink-1.htm">css drop blub</a>
						<!--[if lte IE 6]>
						<a href="testlink-1.htm">css drop blubb
						<table><tr><td>
						<![endif]-->
							<ul>
								<li><a class="hide" href="#">&Uuml;bernachtenaaaaaaaaaa 1laaaaaage</a>
									<ul>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
									</ul>
								</li>
								<li><a class="hide" href="testlink-2.htm">beispiel-1337 nice o.O &gt;</a>
								<!--[if lte IE 6]>
								<a class="sub" href="#" title="beispiel-2">beispiel-ie-6-2 &gt;
								<table><tr><td>
								<![endif]-->
									<ul>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
									</ul>
									<!--[if lte IE 6]>
									</td></tr></table>
									</a>
									<![endif]-->
	
								</li>
	
	
	
								<li><a href="#">&Uuml;bernachten 1</a></li>
								<li><a href="#">&Uuml;bernachten 1</a></li>
								<li><a class="hide" href="testlink-2.htm">beispiel-2 &gt;</a>
								<!--[if lte IE 6]>
								<a class="sub" href="testlink-2.htm" title="beispiel-2">beispiel-ie-6-2 &gt;
								<table><tr><td>
								<![endif]-->
									<ul>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">Test</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
										<li><a href="#">&Uuml;bernachten 2</a></li>
									</ul>
									<!--[if lte IE 6]>
									</td></tr></table>
									</a>
									<![endif]-->
								</li>
							</ul>
							<!--[if lte IE 6]>
							</td></tr></table>
							</a>
							<![endif]-->
						</li>
						<li><a href="#">Gastronomie</a></li>
						<li><a href="#">Branchen</a></li>
						<li class="last"><a href="#">Dienstleistungen</a></li>
					</ul>
					<!-- ###NAVI_TOP### end -->
					
				</div><!-- end menu --><!-- vorher: ul li ul li ul class="mainmenu -->
		</div><!-- end header -->

		<div id="main"><!-- begin: #main -->
			<div id="col1"><!-- begin: #col1 - first float column -->
				<div id="col1_content" class="clearfix">
					<div id="navi_main" class="navi_left">
						<!-- ###NAVI_MAIN### begin -->
						<ul>
							<li><a class="skincolor_combined" href="#">Seite 1</a>
								<ul>
									<li><a class="skincolor act" href="#">Unterseite 1</a>
										<ul>
											<li><a  class="skincolor" href="#">Unterseite 1-1</a></li>
											<li><a class="skincolor" href="#">Unterseite 1-2</a>
												<ul>
													<li><a class="skincolor" href="#">Unterseite 1-1</a></li>
													<li><a class="skincolor" href="#">Unterseite 1-2</a></li>
													<li><a class="skincolor" href="#">Unterseite 1-3</a></li>
												</ul>
											</li>
										</ul>
										<a class="skincolor" href="#">Unterseite 2</a></li>
									<li><a class="skincolor" href="#">Unterseite 3</a></li>
								</ul>
							</li>
						</ul>
						<!-- ###NAVI_MAIN### end -->
					</div><!-- end navi_main -->

Texte etc werden über TYPO3 gemacht. daher die ganzen komischen namen

Über TYPO3 bekommt es auch die Klasse activ zugewiesen und den dementsprechenden BG...

PS: könnte dir die seite gar nicht zeigen da wir auf localhost alles haben...
 
Den Screenshot, wie sich dein geposteter Code im Browser darstellt, erspare ich mir. Ich kann dir aber sagen, dass ich da "nur" eine ewig lange Liste mit Links sehe, von einem Flyout-Menü weit und breit keine Spur.

Kann es sein, dass da noch etwas CSS-Code fehlt?

Mal anders herum gefragt: Welches Flyout-Menü von Stu Nicholls kommt denn da zum Einsatz? Bitte den Link nennen.

mfg Maik
 
Maik hat gesagt.:
Den Screenshot, wie sich dein geposteter Code im Browser darstellt, erspare ich mir. Ich kann dir aber sagen, dass ich da "nur" eine ewig lange Liste sehe.

Kann es sein, dass da noch etwas CSS-Code fehlt?

Mal anders herum gefragt: Welches Flyout-Menü von Stu Nicholls kommt denn da zum Einsatz? Bitte den Link nennen.

mfg Maik
Zum Vergrößern anklicken....

das hat so viel ich weiß mein chef und der andere Lehrling (drittes jahr) selber geschrieben, daher kann ich dir diese Frage leider nicht beantworten.

Da dies ein Projekt ist das seit langen Jahren besteht und damit wächst kann ich dir darüber fast keine frage beantworten.

Vor dem aktuellen Umbau und die derzeitige online Variante:
http://fichtelgebirge.de/themen/sport/aktivurlaub-rad/

PS: hoffen wir mal das mein Arbeitgeber das nicht liest ;)
 
Dann klopf mal beim Chef an, denn die "Conditional Comments" mit den eingebundenen Tabellen sprechen für Stu Nicholls' Methode, ein Dropdown-/Flyout-Menü zu realisieren, das ohne Javascript-Unterstützung im IE6 funktioniert. Und ich nehme jetzt einfach mal an, dass im Original-Menü dieses Problem nicht existiert.

Exisitiert in dem aktuellen Menü auch dieses Problem? Wenn ja, wo versteckt sich solch eine dritte Menüebene?

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück