Zum Inhalt springen

Menü Level 3 Umbruch will nicht funktionieren

Erstellt am 19. September 2007 · 13 Antworten · letzte Antwort am 26. September 2007

Tags: HTML & CSS, Frage

elTorito ·

Hi, habe folgendes TS für mein Menü:

# Left Menu Parent level title
# temp.left_title = TEXT
# temp.left_title.data = leveltitle :1 

# Spacer Code Level 1
   temp.MenuLinks.1.SPC = 1
   temp.MenuLinks.1.SPC < subparts.MenuLinks
   temp.MenuLinks.1.SPC.doNotShowLink = 0 
   temp.MenuLinks.1.SPC.doNotLinkIt = 0
   temp.MenuLinks.1.SPC.allWrap =  <div class="leftnavspc">«  |  »</div>

# Leftside Navigation
   temp.MenuLinks = HMENU 
   temp.MenuLinks.entryLevel = 0 
   
#   temp.MenuLinks.excludeUidList = 
   
   temp.MenuLinks.1 = TMENU
   temp.MenuLinks.1 {
   expAll = 1
   NO.ATagTitle.field = title
   NO.ATagBeforeWrap = 1
   NO.allWrap = <dt> | </dt>
   NO.RO = 1
   NO.beforeImg = fileadmin/sitepics/cross.gif
   NO.beforeROImg = fileadmin/sitepics/arrow_orange.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <dt> | </dt>
   ACT.beforeImg = fileadmin/sitepics/arrow_blue.gif
   } 


# Spacer Code Level 2
   temp.MenuLinks.2.SPC = 1
   temp.MenuLinks.2.SPC < subparts.MenuLinks
   temp.MenuLinks.2.SPC.doNotShowLink = 0 
   temp.MenuLinks.2.SPC.doNotLinkIt = 1
   temp.MenuLinks.2.SPC.allWrap =  <div class="leftnavspc">«  |  »</div>

# Leftside Navigation Level 2
   temp.MenuLinks.2 = TMENU
   temp.MenuLinks.2.excludeUidList = 287
   temp.MenuLinks.2 < subparts.MenuLinks.1
   temp.MenuLinks.2 {
   NO.ATagTitle.field = title
   NO.allWrap = <dd> | </dd>
   NO.RO = 1
   NO.beforeImg = fileadmin/sitepics/cross.gif
   NO.beforeROImg = fileadmin/sitepics/arrow_orange.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <dd> | </dd>
   ACT.beforeImg = fileadmin/sitepics/arrow_green.gif
} 

# Spacer Code Level 3
   temp.MenuLinks.3.SPC = 1
   temp.MenuLinks.3.SPC < subparts.MenuLinks
   temp.MenuLinks.3.SPC.doNotShowLink = 0 
   temp.MenuLinks.3.SPC.doNotLinkIt = 1
   temp.MenuLinks.3.SPC.allWrap = <div class="leftnavspc">|</div>

# Leftside Navigation Level 3
   temp.MenuLinks.3 = TMENU
   temp.MenuLinks.3 < subparts.MenuLinks.2
   temp.MenuLinks.3 {
   NO.ATagTitle.field = title
   NO.allWrap = <dk> | </dk>
   NO.RO = 1
   NO.beforeImg = fileadmin/sitepics/cross.gif
   NO.beforeROImg = fileadmin/sitepics/arrow_orange.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <dk> | </dk>
   ACT.beforeImg = fileadmin/sitepics/arrow_red.gif
   }

Und folgendes CSS dazu(welches Tag brauch ich um das CSS hier "lesbar" darzustellen?) :

/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dk a, .nav3-grid dk a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 60px; border:none; font-weight:normal; text-decoration:none; color:#FFFF00; font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover, .nav3-grid dk a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138-); text-decoration:none;}



.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dk a, .nav3-bullet dk a:visited {line-height:1.7em; margin:0 0 0 20px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:#FF0000; font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138-);}
.nav3-bullet dd a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138-);}
.nav3-bullet dk a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138-);}



.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dk a, .nav3-nobullet dk a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover, .nav3-nobullet dk a:hover {text-decoration:underline; color:rgb(42,90,138-);}

Das sind 3 Menüs ... siehe :

http://mb-freunde-nrw.de/index.php?id=288&L=0

Das erste (DT) wird korrekt dargestellt, das zweite (DD) auch, das dritte (DK) nur im ersten menü... ich komm einfach nicht dahinter warum in menü 2 und 3 kein Umbruch pasiert 🙁 Hock da nun schon fast 2 tage dran und kapier das nicht.

Wenn doch im ersten Menü das DK "greift" warum in 2ten und 3ten nicht?

DANKEEEE !

PS: Muss in 2 Std. geschaeftlich 2 tage ins Ausland, waer schön wenn ich mein problem mit eurer Hilfe noch klaeren könnte, sonst mache ich mir die ganze Autofahrt gedanken darüber was es haette sein können.

Danke nochmal

DANKEEEEE :o

nicki4lu ·

Hey,

sehe auf deiner Seite nicht ganz durch, sorry. Kannst du noch mal genau sagen auf welcher Seite was funktioniert und was nicht?

Liebe Grüße,
Nicole

elTorito ·
nicki4lu schrieb

Hey,

sehe auf deiner Seite nicht ganz durch, sorry. Kannst du noch mal genau sagen auf welcher Seite was funktioniert und was nicht?

Liebe Grüße,
Nicole

Hallo Nicole,

wenn du auf die Seite:

http://mb-freunde-nrw.de/index.php?id=288&L=0

gehst, gibt es am rechten Rand 3 Menü darstellungen (Untereinander)

Die darstellung sieht so aus im FF :

Bild: mb-freunde-nrw.de/…/menu1_FF.jpg

und im IE ... hmm.... sieht es ganz anders aus sehe ich gerade , auch farben werden nicht angezeigt, und Umbrüche sind anders,hmm.

Bild: mb-freunde-nrw.de/…/menu1_IE.jpg

Aber mal unabhaengig davon, würde mir reichen wenns der FF richtig darstellt,
ich find es halt komisch, für jedes Level gibt es ein CSS, für Level2 und 3 ist das CSS gleich, warum wird es nicht richtig dargestellt? Hmpf...

Danke.

[/img]

nicki4lu ·

Also,

ich glaube es liegt daran, dass deine Liste ganz falsch aufgebaut ist. DK ist kein gültiges HTML-Element.

Eine Definitionsliste sieht nämlich so aus:

<dl>
  <dt>AA</dt>
    <dd>Auto Answer (Modem)</dd>
  <dt>AAE</dt>
    <dd>Allgemeine Anschalte-Erlaubnis</dd>
  <dt>AARP</dt>
    <dd>Appletalk Address Resolution Protocol</dd>
</dl>

Liebe Grüße,
Nicole

elTorito ·
nicki4lu schrieb

Nein, wird es nicht, weil er hat es ja drin stehen!

Liebe Grüße,
Nicole

nein hatte ich nicht drin stehen.
Wird nun tatsaechlich Untereinander angezeigt, zumindest im FF...IE ist andere Sache, hehe ...

Aber wenn das DK natürlich von mir ausgedacht ist :o #paralyzed# möchte ich es vernünftig machen, wie müsste ich denn richtig die Level 3 Ebene formatieren? Ohne das DK ?

Danke euch.

elTorito ·

http://mb-freunde-nrw.de/index.php?id=288&L=0

2te Menü und 3te Menü sind nun bis auf das "display:block;" identisch...

In Mein template rufe ich das Menü so auf:

				<!-- Navigation with bullets -->                    
				<dl class="nav3-bullet">
			<!-- ###MENU_LINKS### --> 
			Vertikales Men
			<!-- ###MENU_LINKS### --> 
				</dl>

Ich soll quasi hingehen im TS vom Menü die dt dd tags entfernen gegen ul li ersetzen und dann im CSS Formatieren, okay macht sinn weil ja Liste automatisch einrückt.

Also so wie ich es jetzt angefangen habe, gibt es keine "anstaendige" Lösung?
Wenn nein, dann werd ich ein Listen Menü machen.

Danke

Die richtige Listung habe ich oben schon mitgeschickt...

Erst dl, dann dt, dann dd...

Liebe Grüße,
Nicole

Hmm. Okay.

Aber wenn ich im Menü TS dd statt dk reinschreibe krieg ich die Formatierung von level 2 angezeigt:

# Leftside Navigation Level 3
   temp.MenuLinks.3 = TMENU
   temp.MenuLinks.3 < subparts.MenuLinks.2
   temp.MenuLinks.3 {
   NO.ATagTitle.field = title
   NO.allWrap = <dk> | </dk>
   NO.RO = 1
   NO.beforeImg = fileadmin/sitepics/cross.gif
   NO.beforeROImg = fileadmin/sitepics/arrow_orange.gif
   ACT = 1
   ACT.ATagTitle.field = title
   ACT.allWrap = <dk> | </dk>
   ACT.beforeImg = fileadmin/sitepics/arrow_red.gif
   }

Es fehlt quasi ein ddd ? 8-) Sorry ... SCNR ...

PS: Muss jetzt leider weg... wenn ich Freitag wieder zu Hause bin werde ich wohl auf ein listen Menü umstellen.

Danke euch nochmal für eure Hilfe.

gruß
Peter

elTorito ·
nicki4lu schrieb

Du musst deine zweite Navigation noch in dt umwandeln und das auch im CSS verändern.

Liebe Grüße,
Nicole

Ich konnts /kann es nicht lassen... hehe... sehe schon gleich wenn ich zu spät zum termin kommen, "was war "? Antwort: "öhm,musste noch nen Typo3 Menü was basteln" . WTF ???

*g*

Habe jetzt ein OL genommen ;-)

Denke ich habs nun kapiert wie das laeuft.

Danke noch mal und bis Freitag

elTorito ·

So... da bin ich wieder ... hat doch was laenger gedauert... 2 mal in die SK an ein WE 🙁 ...

Nunja... habe mein Menü nun mit DL DT und DD aufgebaut, das Ergebnis siehe hier:

http://mb-freunde-nrw.de/index.php?id=289

Irgendeine Frage hatte ich noch dazu, aber faellt mir grad nicht ein... Wenn wieder einfällt melde ich mich 🙂

Danke nochmal für eure Hilfe/Tipps usw...