Menü mit 2 Ebenen haut irgendwie nicht hin
| Autor | Nachricht |
|---|---|
|
Verfasst am: 09. 02. 2010 [16:58]
|
|
|
cherry
Themenersteller
Dabei seit: 07.12.2005
Beiträge: 265
|
Ich habe ein Menü das im inaktiven Zustand normal geschrieben ist. Klicke ich nun einen Link an, soll dieser zunächst fett geschrieben werden. Die dazugehörige Unternavigation soll jedoch noch normal geschrieben sein. Klicke ich jetzt einen Link im Untermenü an, soll der Hauptlink (Ebene 1) und der betreffende Link in der 2. Ebene fett geschrieben sein, alle anderen natürlich normal. Bisher sind nach Klick auf den Hauptlink alle Unterpunkte fett geschrieben. Hier mal das TS: TYPOSCRIPT NAVI_LEFT = HMENU NAVI_LEFT { entryLevel = 2 1 = TMENU 1.noBlur = 1 1 { wrap = <ul> | </ul> #expAll = 1 NO.ATagTitle.field = subtitle//title NO.wrapItemAndSub = <li class="navi"> | </li> CUR = 1 CUR.wrapItemAndSub = <li class="current"> | </li> ACTIFSUB < .CUR } 2 { wrap = <div id="navi_block2"><ul> | </ul></div> #expAll = 1 NO.ATagTitle.field = subtitle//title NO.wrapItemAndSub = <li class="navi"> | </li> CUR = 1 CUR.wrapItemAndSub = <li class="current"> | </li> ACTIFSUB < .CUR } } |
 |
|
|
Verfasst am: 09. 02. 2010 [17:35]
|
|
|
d.walter
Dabei seit: 29.08.2005
Beiträge: 1270
|
Liegt vielleicht daran, dass du die gleich CSS-Class verwendest  Für Menüs gibt es hier ein Klasse HowTo... Und ist das Programm auch noch so schwer,
schlimmer wär's wenn ich Programmierer wär!! www.wohnstaetten-sindelfingen.de |
|
|
|
Verfasst am: 09. 02. 2010 [17:55]
|
|
|
cherry
Themenersteller
Dabei seit: 07.12.2005
Beiträge: 265
|
Habe ich auch schon probiert, aber da tut sich nichts. Der erzeugt Quellcode sieht so aus: HTML
|
|
|
|
Verfasst am: 09. 02. 2010 [18:10]
|
|
|
d.walter
Dabei seit: 29.08.2005
Beiträge: 1270
|
Sieht ja eigentlich gut aus... bin da aber auch kein Profi... Poste mal dein CSS für das Menü! Vor allem, was du für id=navi_block2 hast. Gruß Daniel Und ist das Programm auch noch so schwer,
schlimmer wär's wenn ich Programmierer wär!! www.wohnstaetten-sindelfingen.de |
|
|
|
Verfasst am: 09. 02. 2010 [19:01]
|
|
|
cherry
Themenersteller
Dabei seit: 07.12.2005
Beiträge: 265
|
<div id="navi_block"> ist lediglich eine Einrückung, also padding-left: 20px;, weiter nichts. Die CSS sieht so aus: HTML .navi {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%; color: #8e9298; text-decoration:none;}
.navi a:link {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%; color: #8e9298; text-decoration:none;}
.navi a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%; color: #8e9298; text-decoration:none;}
.navi a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%; color: #2d2e59; text-decoration:none;}
.navi a:active {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 150%; color: #8e9298; text-decoration:none;}
.navi li {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #8e9298; text-decoration:none;}
.current {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}
.current a:link {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}
.current a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}
.current a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}
.current a:active {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}
.current li {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;} |
|
|
|
Verfasst am: 10. 02. 2010 [08:05]
|
|
|
d.walter
Dabei seit: 29.08.2005
Beiträge: 1270
|
Hey, sorry, war gestern nicht mehr online... Da ich eigentlich eher Anwender bin hoffe ich einfach mal, dass es trotzdem stimmt was ich jetzt schreib Also imo ist das hier das Problem! HTML .current li {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #343260; text-decoration:none; font-weight: bold;}.current li gibt ein "Fett" an alle li's unterhalb von current weiter... Wäre klasse, wenn du es mal testest obs stimmt. Wenn ich richtig liege, gehört bei .current li das bold weg und dann sollte .current li a:active das richtige sein, damit die aktuelle seite ein bold bekommt! Ich hoffe mal ich hab jetzt nicht totalen Stuss geschrieben  Und ist das Programm auch noch so schwer,
schlimmer wär's wenn ich Programmierer wär!! www.wohnstaetten-sindelfingen.de |
|
|
|
Verfasst am: 10. 02. 2010 [13:57]
|
|
|
cherry
Themenersteller
Dabei seit: 07.12.2005
Beiträge: 265
|
Hab`s mal durchprobiert, hat sich jedoch nicht geändert. Irgendwie überschreibt das nicht geschlossene <li class="current"> die Anweisung <li class="navi"> |
|
|
|
Verfasst am: 10. 02. 2010 [14:24]
|
|
|
Norman2k
Dabei seit: 01.09.2004
Beiträge: 887
|
Das ist das ganz normale Verhalten, da du sagst, zeige alle Links innerhalb von current bold an. Wenn du die inaktiven Links nicht bold haben willst, musst du das auch so definieren: HTML .navi a {...font-weight:normal;...}Tipps: Das Menü wird nicht valide sein, das "<div id="navi_block2">" hat in einer Liste nichts zu suchen. Deine CSS ist unnötig aufgebläht, definiere 1 mal die Links in deinem Menü global und überschreibe dann nur die Werte die sich ändern. |
 |
|
|
Verfasst am: 10. 02. 2010 [16:16]
|
|
|
cherry
Themenersteller
Dabei seit: 07.12.2005
Beiträge: 265
|
HTML .navi a {...font-weight:normal;...}Habe ich jetzt mal so definiert, aber es zeigt dasselbe Verhalten. |
|
|
|
Verfasst am: 10. 02. 2010 [16:33]
|
|
|
Norman2k
Dabei seit: 01.09.2004
Beiträge: 887
|
Dann hau noch mal nen important dahinter HTML .navi a {...font-weight:normal !important;...} |
|
|