Hallo Leute,
Ich drehe durch... #angry# #angry#
Ok...
Ich habe auf der Web Seite eine fixe Stelle wo die Menüs hinein müssen, aber....
wenn die Wörter eines Menüs die fixe Breite übertreffen, dann verschiebt sich die Breite der Menü Stelle und alles geht den bach runter.
Wie kann ich es machen das der Menü der zu gross ist in die nächste Zeile AUTOMATISCH die Wörter verschiebt die nicht in die erste Zeile hinein passen.
Es geht um einen Vetikalen Menü.
BITTE, BITTE um eine Antwort... 😉
Ohne dein Template und deinen TypoScript-Code vom Menu wirds schwer werde...
Du solltest:
1. eine fixe Breite, oder relative, eigentlich egal, auf jeden Fall IRGENDEINE Breite per CSS für das Div (oder die Tabelle, was auch immer du um die Menupunkte herum hast) setzen.
2. ... Template und TypoScript-Code vom Menu posten
GMENU => splitchar
TMENU => overflow:hidden
aber ich geb meinem vorredner recht: am mittwoch wird nicht geraten
georg
Hallo Leute.
Danke fuer eure Hilfe.... 😉 😉
Hier mein Template Code:
lib.stdheader.10.stdWrap.wrap =
tt_content.stdWrap.dataWrap = <A name="{field:uid}"></a>
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/style.css
page.1 = TEMPLATE
page.1.marks.PAGE_UID = TEXT
page.1.marks.PAGE_UID.field = uid
page.1 {
template = FILE
template.file = fileadmin/templates/template1.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT_LEFT < styles.content.getLeft
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_BORDER < styles.content.getBorder
subparts.CONTENT < styles.content.get
subparts.TOPNAV = HMENU
subparts.TOPNAV.special = directory
subparts.TOPNAV.special.value = 28
subparts.TOPNAV.1 = TMENU
subparts.TOPNAV.1 {
NO.allWrap = |*| <span class="topnav"> | </span> |*|
ACT = 1
ACT.allWrap = |*| <span class="topnav-act"> | </span> |*|
}
subparts.LEFTNAV = HMENU
subparts.LEFTNAV .special = directory
subparts.LEFTNAV .special.value = 32
subparts.LEFTNAV.1 = TMENU
subparts.LEFTNAV.1 {
NO.allWrap = <div class="leftnav1"> | </div>
ACT = 1
ACT.allWrap = <div class="leftnav1-act"> | </div>
}
subparts.LEFTNAV.2 = TMENU
subparts.LEFTNAV.2 {
NO.allWrap = <div class="leftnav2"> | </div>
ACT = 1
ACT.allWrap = <div class="leftnav2-act"> | </div>
}
Bitte, bitte um eine Antwort.... 😉
gibts wo ne url?
Hallo just2b...
Hier Meine web Seite:
http://www.pravicepotrosnikov.si/index.php?id=30
Es ist eine Slowenische Seite...
Und Links ist der MENÜ....
DANKE!!!!!
Ich würde für die Navigation eine fixe Breite festlegen:
z.B.:
#left-content {
width: 155px;
overflow: hidden;
}
Weiters brauchst du für deine Navigationsklassen (z.b. left-nav1) nicht width:100%; festlegen weil du es sowieso als display:block formatiert hast und es damit sowieso die gesamte verfügbare Breite einnimmt.
Hallo.
Danku fuer den Post. Aber der Text verschwindet nach 155px.
http://www.pravicepotrosnikov.si/index.php?id=30
Ich moechte aber dass der Text im Menue der grosser ist als 155px - dass er in die andere Zeile geht.
Ein Beispiel:
- wenn ihr mall nach Links schaut - der Manü von TYPO3.NET - da steht:
....
>> TYPO 3 Install Tool
>> TYPO - Script
Referenz (der text in zwei Zeilen)
>> Literatür zu TYPO3
......
Dass moechte ich hin kriegen.
Kennt jemand wie mann das lösen kann
Natürlich funktionierts.
Nur musst du natürlich das white-space: nowrap; aus deinen Navigations-Klassen für die Links entfernen - ansonsten bricht er auf keinen Fall um wenn der Text länger als die Zeile ist.
Ich hab mir das HTML und CSS-File lokals gespeichert und es ausprobiert - es funktioniert also ganz sicher.
Kleiner Tipp:
Du kannst die Link-Zustände auch ergänzend definieren.
D.h. mach zuerst alle Angaben die überall gleich sind, z.B. in
.leftnav1 a{
...
}
und fügst das was sich wirklich ändert z.B. so ein:
.leftnav1 a:hover{
background: url("images/buttons.gif") top left no-repeat;
}
Da sparst du dir viel Platz im CSS und hast es wesentlich einfacher beim Ändern.