Hi, I stumbled upon the following problem.
Just have a look at my site http://www.ourmagic.net/index_copy(1).htm And http://www.ourmagic.net/index_copy(2).htm The site is under heavy reconstruction so please only comment on the problem I describe. Looks different. In index_copy(2) you can see, that there is a grey submenu but none of the mainmenu links is yellow I wanted to hightlight the last Mainmenu "Kontakt" in yellow with this statement in the header section of the page #menuKontakt > a{color:#fef000}; I also tried #menuKontakt a{color:#fef000}; that is the only change The result is index_copy(1) where "Kontakt" IS yellow, but suddenly the whole submenue is gone. Here is an excerpt from the HTML; ------------------------------------------- <ol id="hauptMenu"> <li id ="menu1"><a href="zauberer/zauberkuenstler-meine-magie.htm" onclick="return ConversionCount();">Zauberkunst</a><span> . </span> <ol class="subMenu"> <li class="sub1"> <a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Vorteile</a><span > . </span></li> <li class="sub2"> <a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Meine Magie</a></li> </ol> </li> <li id= "menu2"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">shows</a><span > . </span> <ol class="subMenu" > <li class="sub1"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Möglichkeiten</a><span > . </span></li> <li class="sub2"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">2 - 25 Personen</a><span > . </span></li> <li class="sub3"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Standup</a><span > . </span></li> <li class="sub4"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Walk Act</a><span > . </span></li> <li class="sub5"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Unaufdringlich</a><span > . </span></li> <li class="sub6"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Hochzeit</a><span > . </span></li> <li class="sub7"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Besondere Wünsche</a></li> </ol> </li> <li id= "menu3"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Internationales Publikum</a><span > . </span></li> <li id= "menu4"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Exklusives Geschenk</a><span > . </span></li> <li id="menuReferenzen"><a href="zauberer/zauberkuenstler-referenzen.htm" onclick="return ConversionCount();">Referenzen</a> <span > . </span></li> <li id="menuGalerie"> <a href="zauberer/zauberkuenstler-galerie.htm" onclick="return ConversionCount();">Galerie</a><span > . </span></li> <li id="menu7"><a href="2_vita.htm" >Vita</a><span > . </span> <ol class="subMenu" > <li class="sub1"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Alter Ego</a><span > . </span></li> <li class="sub2"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Tom Bennett</a></li> </ol> </li> <li id="menuLinks"><a href="zauberer/zauberkuenstler-partner-links.htm" onclick="return ConversionCount();">Links</a><span > . </span></li> <li id="menuKontakt"><a href="zauberer/zauberkuenstler-kontakt.htm" onclick="return ConversionCount();">Kontakt</a> <ol class="subMenu" > <li class="sub1"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Anfrage</a><span > . </span></li> <li class="sub2"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Kosten</a><span > . </span></li> <li class="sub3"><a href="zauberer/zauberkuenstler-magie-im-turm.htm" onclick="return ConversionCount();">Technik</a></li> </ol> </li> </ol> <!-- Ende hauptMenu--> ---------------------------------------- This here is the corresponding CSS part ---------------------------------------- #hauptMenu { position:absolute; list-style: none; top:15px ; } #hauptMenu li { float:left; display:block; display:block; float:left; } /*Links: Rubrik groß*/ #hauptMenu a {color:#F6F6F6;} /*inaktiv & besuchte */ #hauptMenu a:hover , #hauptMenu a:active, #hauptMenu a:focus {color:#fef000; } /*aktiv gelb*/ #menu1, #menu2, #menu3, #menu4, #menu5, #menuReferenzen, #menuGalerie , #menuLinks, #menuKontakt,#menu10 { background-image:none; background-position:top center; background-repeat:no-repeat; } #menu1, #menu2, #menu3, #menu4 { text-transform:uppercase; } #menuReferenzen, #menuGalerie , #menu5, #menuLinks, #menuKontakt { text-transform:none; } #hauptMenu .subMenu { list-style: none; display:none; position:absolute; left:0px; top:1.3em; width:100%; color:#7D7D7D; text-transform:none; } #hauptMenu .subMenu li { float:left; display:block; position:relative; padding:0; } #hauptMenu .subMenu a { color:#7D7D7D; } #hauptMenu .subMenu a:hover, #hauptMenu .subMenu a:active, #hauptMenu .subMenu a:focus { color:#FEF000; } -------------------------------------- The Idea is, that I can switch the submenus on and of and highlight a specific submenu like in this case "Test" by declaring This in the header of the page so in index_copy(1) it looks like this ------------- #menuKontakt > a{color:#fef000}; #menuKontakt .subMenu { display:block; } #menuKontakt .sub2 a{color:#fef000}; ----------- In index_copy(2) --------------------- #menuKontakt .subMenu { display:block; } #menuKontakt .sub2 a{color:#fef000}; --------------------------------- Can you explain me what the problem is? Thanks Thomas ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
