Verhinderung Zeilenumbruch vergrößert Forumbreite (FF)
#1 Verhinderung Zeilenumbruch vergrößert Forumbreite (FF)
Hallo,
wenn im Standard-Template die Menüleiste sehr groß geworden ist und über zwei Zeilen geht, wird im "FireFox" die M-Leiste ohne Zeilenumbruch dargestellt. Die Forumbreite entspricht dann der Länge der Menüleiste! 
In den anderen Browsern wird es soweit richtig angezeigt.
Löscht man im "Template-Element > Obere Leiste" den rot markierten Eintrag, funktioniert es, außer im
Browser "Opera, Safari". Hier wird die M-Leiste ungünstig umgebrochen. Siehe "Angefügte Bilder".
Gibt es hier noch eine andere, bessere Lösung?
wolf.andres
Mein Forum: 104774
<style type="text/css">
.nav_n {clear: both; margin: 0px aut; text-align: center;}
.nav_n ul {list-style-image: none; list-style: none;}
.nav_n ul li {display: inline; margin: 0px; white-space: nowrap;}
PS: Erstellen der Menüleiste über "Admin > Layout > Navigation" funktioniert sonst wirklich gut. Klasse Einrichtung, Super!
.
#3 RE: Verhinderung Zeilenumbruch vergrößert Forumbreite (FF)
(Standard Template) 104774
Hallo!
Ich habe eine weitere Möglichkeit gefunden, die Menüleisten (Standard-Template) passend und zweireihig in allen Browsern richtig darzustellen.
Vorausgesetzt, dass ein Zeilenumbruch zugelassen wird (Rot in "Obere Leiste" entfernen: .nav_n ul li {display: inline; margin: 0px; white-space: nowrap;}
Der Abstand in einer zweireihig dargestellter Menüleiste kann durch den Grünen Eintrag in der Class-Definition ".tarea" angepasst werden.
.tarea {
color: #B2C5DB;
font-weight: bold;
line-height:53px;
background-color: #000047;
border: 4px ridge #3366FF;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
}
Damit ein Menü-Button mit Rändern nicht abgeschnitten werden kann, sind die folgenden Grün markierten Einträge im "Template Element" "Obere Leiste" ebenfalls anzupassen.
{{mailerror==true.start}}
<a href="{{link_memberdata}}"><img src="{{global_img_mailerror}}" border="0" /></a>
{{mailerror==true.end}}
<center>
<div style="clear: both; width:95%;">
<div class="nav_n" id="nav_n">
<ul style="margin: 0px auto; padding: 10px; clear: both;">
Ein nicht gewollter Umbruch kann auch bei einem Button mit zwei Wörtern z.B. (Bilder hochladen) entstehen. Hier können die Wörter durch einen Unterstrich verbunden werden (Bilder_hochladen). Bei unterstrichenen Links fällt dann der Unterstrich auch nicht auf.
Gibt es noch bessere Lösungen?
wolf.andres
Gute Frage!
Hatte ich noch nicht ausprobiert, sorry!
Hier gibt es Schwierigkeiten mit dem IE.
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!