Anderen Seitennamen in Quicknavigation anzeigen

[tschero]

Hi Leute,

ich habe einen Seitennamen mit sehr vielen Zeichen.
Daraus resultiert, dass in der mobilen Ansicht die Quicknavigation sehr lang wird und auf einigen Mobilen Geräten, mit der rechten Seite aus der Anzeige verschwindet.
Es sieht also so aus als wäre die Quicknavigation rechts offen.

Ist es möglich den Namen der Seite in der Desktopversion so zu belassen wie er ist und in der Quicknavi zu kürzen?

Über ´nen Tipp würde ich mich sehr freuen.

Gruß
tschero

[Bas]

Ne einfache Möglichkeit wäre...

text-overflow: ellipsis;

Begrenze die Breite des umgebenden Container füge den text-overflow (und evt ein white-space:nowrap;) hinzu und fertig.

Weitere Infos dazu findest Du unter http://css-tricks.com/almanac/proper...text-overflow/

[tschero]

Hi Bas,

vielen Dank für die Antwort.
Leider klappt´s nicht.
Ich habe die Styles dem select Selektor zugewiesen und dem umgebenden Container ein overflow:hidden;

Leider keine Reaktion, der lange Seitenname wird nach wie vor NICHT umgebrochen.

Hier das Beispiel.

Gruß
tschero

[Spooky]

Funktioniert doch eh? Zumindest im FireFox. Und sollte auch auf allen Smartphones so funktionieren.

[Bas]

Ich hab mir das gerade mal "hingepfuscht" (mittels inline-CSS) .. Du musst die <option>'s ansprechen wenn Du die begrenzen willst.
Siehe Screenshot -> option-styles.jpg

[tschero]

Hm...

ich glaub ich habe mich zu unklar ausgedrückt.
Ich würde gerne den gesamten Seitenname in der Hauptnavigation der DESKTOPVARIANTE sehen können und einen ANDEREN Seitennamen (hier evtl. nur Stressbearbeitung) in der Quicknavigation der MOBILEN Variante.
Die Geschichte mit rechts offen hatte ich schon mit "max-width: 90%" gelößt.

Sorry wenn ich etwas wirr geschrieben habe.

Gruß
tschero

[Bas]

Hab ich schon so verstanden, nur dachte ich die Text-Overflow Methode würde Dir besser dienen (quick & dirty ... passt halt zu der Website ).

Ansonsten ... wie wärs z.B. mit Zweckentfremdung der CSS-Klassen im Seitenbaum .. die scheinst Du aktuell nicht zu benutzen und im Nav-Template sind die von haus aus verfügbar .. müsstest den String nur entsprechend aufsplitten und an den passenden Stellen ausgeben.

[tschero]

müsstest den String nur entsprechend aufsplitten und an den passenden Stellen ausgeben

--> ?

[MacKP]

Simple Methode ohne Programmieren zu müssen:
Eine Seite anlegen 'Mobile-Navi', die in der Navi verstecken. Da drinn dann eine 2. Seitenstruktur aufbauen mit Weiterleitungen auf die richtigen Seiten und die dann so benennen, das es nicht mehr so lang ist. Die 'Mobile-Navi'-Seite dann als Referenzseite im Modul angeben. Fertig. Kann sogar ein normaler Redakteur pflegen sowas.

Viele Grüße

[tschero]

Hi MacKP,

das ist genau was ich gesucht habe.

Vielen Dank an alle die geholfen haben.

Viele Grüße
tschero