Zum Inhalt springen

Tmenu Horizontal Darstellen

Erstellt am 19. Oktober 2007 · 6 Antworten · letzte Antwort am 28. Oktober 2007

Tags: Frage

rawraggrast ·

Kann mir jemand helfen bin voll am verzweifeln da ich es einfach nicht hin bekomme dieses menu Horizontal darzustellen?

Danke für hilfe im vorraus

Typo3 Template:

page = PAGE
page {  
    10.marks {  
    GEHE_ZU = HMENU 
   GEHE_ZU {
      entryLevel = 1
      1 = TMENU
      1 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      no.linkWrap =  | ||*| | ||*| |
      NO.wrapItemAndSub = <li class="left-level-1-no">|</li>
      NO.ATagTitle.field = abstract // description // subtitle // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-1-act">|</li>
      ACT.ATagTitle.field = abstract // description //subtitle //  title
      }
      2 = TMENU
      2 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      no.linkWrap =  | ||*| | ||*| |
      NO.wrapItemAndSub = <li class="left-level-2-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-2-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
      3 = TMENU
      3 {
      noBlur = 1
      expAll = 0
      wrap = <ul>|</ul>
      no.linkWrap =  | ||*| | ||*| |
      NO.wrapItemAndSub = <li class="left-level-3-no">|</li>
      NO.ATagTitle.field = abstract // description // title
      ACT = 1
      ACT.wrapItemAndSub = <li class="left-level-3-act">|</li>
      ACT.ATagTitle.field = abstract // description // title
      }
   }
}
}
rawraggrast ·

In die CSS eingetragen hat aber keine auswirkungen auf die Formatierung des Menüs!
#gehe_zu {color: #FFFFFF; text-decoration: none; font-size: 11px; text-align:center; margin-bottom:0px;float:left}

rawraggrast ·

Wieso gehe zu?
das gehört in ul und li...
Ich hab es getestet.. funktioniert

hast recht bloß dass dann nach jeden ul und li
auf meiner seite ein umbruch gemacht wird ist natürlich nicht hinzunähmen
wäre schön wenn du mir das für
#gehe_zu{float:left;}
expliziet anpassen könntest

Danke im Voraus

SLAng ·

Da gibts nicht groß was anzupassen... dein Menü steht und funktioniert doch... Also bennenst du einfach deinen Classen daraus entsprechend:

ul { float:left; }
li.left-level-1-no { float:left; }
li.left-level-1-act { float:left; }
li.left-level-2-no { float:left; }
li.left-level-2-act { float:left; }

usw

gstyleds ·

Hmm, wenn ich die Frage richtig verstanden habe, lautet die Antwort:
Einfach per CSS dem <li> ein display:inline mit auf den Weg geben, dann wird der Zeilenumbruch nach dem Listenpunkt unterdrückt und Dein Menü wird horizontal "aufgelistet"

Aus

<ul>
  <li style="display:inline"><a href="#">Link 1 </a></li>
  <li style="display:inline"><a href="#">Link 2 </a></li>
</ul>

resultiert: Link 1 Link 2