NAV List UL ID --> CCS Hilfe
Posted: Fri 26. Oct 2007, 17:51
Hallöchen!
Ich sehe gerade den Wald vor lauter Bäumen nicht mehr...
Bei mir sitzt gerade ein Kunde der bei der Navigation eine weitere Ebene (x+2) haben möchte -->Eingebunden ist diese mit {NAV_LIST_UL:F,ID,5,,active,id} im Left Block
Leider wird die Ausgabe von "LEVEL X+2 ul ID=2" nicht korrekt dargestellt und ich finde den Fehler nun schon seit einer Stunde nicht
Der Ausgegebene HTML Code sieht so aus:
Live sieht kann man das Ergebnis unter at.camps4you.com/index.php?reiseziele_o ... hofgastein sehen.
Das Problem ist, dass der der Textbei x+2 immer rot bleibt und nicht um die 40px eingerückt wird sondern nur die20 px von X+1...
Würde mich freuen wenn mir jemand kurz mal helfen könnte...
Danke + LG. Lukas
Ich sehe gerade den Wald vor lauter Bäumen nicht mehr...
Bei mir sitzt gerade ein Kunde der bei der Navigation eine weitere Ebene (x+2) haben möchte -->Eingebunden ist diese mit {NAV_LIST_UL:F,ID,5,,active,id} im Left Block
Leider wird die Ausgabe von "LEVEL X+2 ul ID=2" nicht korrekt dargestellt und ich finde den Fehler nun schon seit einer Stunde nicht

Code: Select all
/*--- LEVEL X ID=2 --------------------------------------------------*/
.nlu_navi1id ul li#li_id_2 a,
.nlu_navi1id ul li#li_id_2 a:link,
.nlu_navi1id ul li#li_id_2 a:visited,
.nlu_navi1id ul li#li_id_2 a:active {
display: block;
text-decoration: none;
text-transform: none;
color: Black;
padding: 1px 0 0 10px; /* Text adjust */
border-bottom: 1px solid White; /* IE6 Bug */
}
/* state for the active point */
.nlu_navi1id ul li#li_id_2.active a,
.nlu_navi1id ul li#li_id_2.active a:link,
.nlu_navi1id ul li#li_id_2.active a:visited,
.nlu_navi1id ul li#li_id_2.active a:active {
color: Red;
font-weight: bold;
border-bottom: 1px solid White; /* IE6 Bug */
}
.nlu_navi1id ul li#li_id_2 a:hover, .nlu_navi1id ul li#li_id_2.active a:hover {
color: Red;
border-bottom: 1px solid White; /* IE6 Bug */
}
/*--- LEVEL X+1 ul ID=2 ------------------------------------------------*/
.nlu_navi1id ul ul#id_2 li.sub_no a,
.nlu_navi1id ul ul#id_2 li.sub_no a:link,
.nlu_navi1id ul ul#id_2 li.sub_no a:visited,
.nlu_navi1id ul ul#id_2 li.sub_no a:active,
.nlu_navi1id ul ul#id_2 li.sub_ul a,
.nlu_navi1id ul ul#id_2 li.sub_ul a:link,
.nlu_navi1id ul ul#id_2 li.sub_ul a:visited,
.nlu_navi1id ul ul#id_2 li.sub_ul a:active {
display: block;
text-decoration: none;
text-transform: none;
font-weight: normal;
color: Black;
padding: 1px 0 0 20px;
border-bottom: 1px solid White; /* IE6 Bug */
}
.nlu_navi1id ul ul#id_2 li.active a,
.nlu_navi1id ul ul#id_2 li.active a:link,
.nlu_navi1id ul ul#id_2 li.active a:visited,
.nlu_navi1id ul ul#id_2 li.active a:active {
color: Red;
border-bottom: 1px solid White; /* IE6 Bug */
}
.nlu_navi1id ul ul#id_2 li a:hover,
.nlu_navi1id ul ul#id_2 li.sub_no a:hover,
.nlu_navi1id ul ul#id_2 li.sub_ul a:hover,
.nlu_navi1id ul ul#id_2 li.active a:hover {
color: Red;
border-bottom: 1px solid White; /* IE6 Bug */
}
/*--- LEVEL X+2 ul ID=2 ------------------------------------------------*/
.nlu_navi1id ul ul ul#id_2 li.sub_no a,
.nlu_navi1id ul ul ul#id_2 li.sub_no a:link,
.nlu_navi1id ul ul ul#id_2 li.sub_no a:visited,
.nlu_navi1id ul ul ul#id_2 li.sub_no a:active,
.nlu_navi1id ul ul ul#id_2 li.sub_ul a,
.nlu_navi1id ul ul ul#id_2 li.sub_ul a:link,
.nlu_navi1id ul ul ul#id_2 li.sub_ul a:visited,
.nlu_navi1id ul ul ul#id_2 li.sub_ul a:active {
display: block;
text-decoration: none;
text-transform: none;
font-weight: normal;
color: Black;
padding: 1px 0 0 40px;
border-bottom: 1px solid White; /* IE6 Bug */
}
.nlu_navi1id ul ul ul#id_2 li.active a,
.nlu_navi1id ul ul ul#id_2 li.active a:link,
.nlu_navi1id ul ul ul#id_2 li.active a:visited,
.nlu_navi1id ul ul ul#id_2 li.active a:active {
color: Red;
border-bottom: 1px solid White; /* IE6 Bug */
}
.nlu_navi1id ul ul ul#id_2 li a:hover,
.nlu_navi1id ul ul ul#id_2 li.sub_no a:hover,
.nlu_navi1id ul ul ul#id_2 li.sub_ul a:hover,
.nlu_navi1id ul ul ul#id_2 li.active a:hover {
color: Red;
border-bottom: 1px solid White; /* IE6 Bug */
Der Ausgegebene HTML Code sieht so aus:
Code: Select all
<div class="nlu_navi1id">
<ul id="id_0">
<li id="li_id_1" class="sub_no sub_ul_true"><a href="index.php?camps4you">Camps4you</a></li>
<li id="li_id_2" class="sub_ul"><a href="index.php?reiseziele">Reiseziele</a>
<ul id="id_2">
<li id="li_id_12" class="sub_no"><a href="index.php?reiseziele_london_music">London Music Tours</a></li>
<li id="li_id_13" class="sub_ul active"><a href="index.php?reiseziele_ostern">Ostern</a>
<ul id="id_13">
<li id="li_id_54" class="sub_no"><a href="index.php?reiseziele_ostern_badhofgastein">Bad Hofgastein</a></li>
<li id="li_id_55" class="sub_no"><a href="index.php?reiseziele_ostern_malta">Malta</a></li>
</ul>
</li>
<li id="li_id_14" class="sub_no sub_ul_true"><a href="index.php?reiseziele_sommer">Sommer</a></li>
</ul>
</li>
<li id="li_id_3" class="sub_no sub_ul_true"><a href="index.php?kursdaten">Kursdaten & Preise</a></li>
<li id="li_id_4" class="sub_no sub_ul_true"><a href="index.php?im_preis">Im Preis inkludiert</a></li>
<li id="li_id_5" class="sub_no sub_ul_true"><a href="index.php?eltern">Für Eltern</a></li>
<li id="li_id_6" class="sub_no sub_ul_true"><a href="index.php?bildergalerie">Bildergalerie</a></li>
</ul>
</div>
Das Problem ist, dass der der Textbei x+2 immer rot bleibt und nicht um die 40px eingerückt wird sondern nur die20 px von X+1...
Würde mich freuen wenn mir jemand kurz mal helfen könnte...
Danke + LG. Lukas