Zum Inhalt springen

Menü zerrt an meinen Nerven.

Erstellt am 23. April 2005 · 5 Antworten · letzte Antwort am 23. April 2005

Tags: HTML & CSS, Frage

bajun ·

Hallo liebe Foren Gemeinde...
Nach lesen von etlichen tutorials und Foren Beiträgen stoße ich dennoch an einige Grenzen. (Vielleicht von zu vielem lesen?)

Ich wollte ein Menü einbauen, das funktionierte sogar, aber leider nicht ganz so wie ich möchte....

Und zwar...:

Das menü wird oben an der Seite angezeigt. Macht er auch akkurat, aber wenn ich auf ein Menü Punkt gehe sollte der untermenü Punkt eigentlich darunter erscheinen.
z.B. Gehe ich auf Clubs geht zwar der unterpunkt mit auf aber daneben und nicht darunter. Obwohl es in Phase5 untereinander angeordnet ist.

Dies hätte ich gerne eigentlich auch so.
Nicht unbedingt als layer, wäre auch ok aber das raff ich überhaupt nicht, vielmehr sollte er es darunter erscheinen lassen...

Siehe Bild...:
<img src="http://www.werweiss.de/images/menu.jpg" /img>

Hier mal der Setup code von Typo:

#TopNavi
10.subparts.TOPNAV = HMENU
10.subparts.TOPNAV.special = directory
10.subparts.TOPNAV.special.value = 573
10.subparts.TOPNAV.1 = TMENU
10.subparts.TOPNAV.1.NO = 1
10.subparts.TOPNAV.1 {
      NO.allWrap =  <span class="topnav"> &nbsp; |&nbsp;&#124; |*|&nbsp; |&nbsp;&#124; |*| &nbsp;|</span> 
      ACT = 1
      ACT.allWrap =   <span class="topnav_act"> &nbsp; |&nbsp;&#124; |*|&nbsp; |&nbsp;&#124; |*| &nbsp;|</span> 

}

10.subparts.TOPNAV.2 = TMENU
10.subparts.TOPNAV.2.NO = 2
10.subparts.TOPNAV.2 {
      expAll = 1
      NO.allWrap = |*| <span class="topnav"> &nbsp; |&nbsp;&#124; |*|&nbsp; |&nbsp;&#124; |*| &nbsp;|</span> |*|
      ACT = 2
      ACT.allWrap =  |*| <span class="topnav_act"> &nbsp; |&nbsp;&#124; |*|&nbsp; |&nbsp;&#124; |*| &nbsp;|</span> |*|  
}

Der Html Bereich:

            <!-- Top Navigation -->
<table width="660" border="0" align="center" cellpadding="5" cellspacing="0">
              <tr>
                <td align="center" valign="top">
                  <!-- ###TOPNAV### START -->
                  <span class="topnav"> <a href="#">Navigation One</a> </span><br>
                  <span class="topnav_act"> <a href="#">Navigation two</a> </span>
                  <!-- ###TOPNAV### END -->

Wäre echt nett wenn mir da jemand weiterhelfen könnte... Einige Referenzen sind ja nett aber bei mir hapert es dann ein wenig an der verständlichen Umsetzung.. :o

####Maybe on ICQ# 71660072 Lokalserver mostley startet####

Unbekannter Benutzer ·

ist das nicht ein HTML Problem? Du machst Deine HTML Vorlage so dass sie richtig funktioniert. Anschließend lässt Du über wrap die tags um die Menüeinträge setzen.

Es muss also erst in Deiner HTML Vorlage funktionieren. Sonst wirst Du Dich zu Tode debuggen 😉

Viele Grüße
Niki

bajun ·

#giggle# Danke für die Antwort.

#paralyzed# Aber weiter geholfen hat Sie mir jetzt leider nicht. #paralyzed#

Würde ja nicht fragen wenn ich voll der html "Profi" wäre...

toyde ·

Hi.

Das Problem steht in deinem Quellcode im Frontend. Schaus dir an, dann wirst du es verstehen. Was du machst: Du schreibst Spans die schön hinter/nebeneinander auftauchen. Dein 2. Level im Menü macht nichts anderes als Menu-Level-1.

Beispiel:

Menu1Punkt1, Menu1Punkt2, Menu1Punkt2.1, Menu1Punkt2.2, Menu1Punkt3, Menu1Punkt4

Dein Level2 wird einfach dazwischen geschoben, was anderes definierst du ja gar nicht. Dein Menu sieht im Quellcode sicher so aus, stimmts?:

span, span, span, span, span, span

- und das in deiner unteren Darstellung kommt dann heraus.

Lösungsmöglichkeit:Du machst 2 subparts.

html:
<div id="Mainmenu"><!--###TOPNAV###--></div>
<div id="Submenu"><!--###TOPNAV2###--></div>

Das mit den 2 Subparts/Markern bringts du beispielsweise mit special.directory hin.
Im oberen und unteren Div kannst du wie schon erstellt deine Spans bequem reinwrappen(zeichnen) lassen. natürlich gehts auch anders.

Schau in der Mittwald-Doku oder TSref nach "special", "direcory" Ausschau. Dort gibts Tipps zu getrennten Menüstrukturen.
Dann solttest du dein mein-Menü-klebt-zusammen Problem lösen können.

cya

hardcoder ·

ja - oder du machst da auch ein < br > tag da hin wie es in deiner vorlage steht:

...
10.subparts.TOPNAV.1.wrap= |<br>
...
bajun ·

@toyde Hm...muss ich das mal versuchen..

@hardcoder... nicht das "alles" untereinander wrappt Sondern nur die jeweilige Unter Seite..

So dachte ich mir das...

Seite1 Seite2 Seite3 Seite 4

Seite1.1 2.1 3.1 4.1

Mit wrap = |<br>

kommt

Seite1 Seite2 Seite 2.1 Seite3
Seite4 Seite5 Seite 5.1

Naja...werde ich wohl weiter versuchen müssen.. und auch noch weiterlesen.
Wahrscheinlich noch 20 mal lesen und ich raff es nicht...

Aber dennoch danke für eure Ansätze.......[/u]