Hallo, wegen der mobilen Features muss ich in Honeygrid auf meine alte Gewohnheit verzichten, Textblöcke einfach durch Zwangs-Zeilentrenner oder Tabellen mit prozentualer Breite festzulegen. Auf einem schmaleren Display erzeugt so etwas ständig halbe Zeilen. Im Editor finde ich keinen Knopf, der die Breite des Blocks festlegt. Da erhebt sich die Frage, wie ich es verhindere, dass ein Beschreibungstext für die Kategorie sich ungehemmt und unlesbar über die gesamte 20"-Monitor-Breite ausdehnt. Prozentangaben gibts ja im Bootstrap nicht mehr, wie ich gelesen habe. Idealerweise hätte ich es gern so, dass ein Text sich über höchstens ein Drittel des großen Monitors und die Hälfte eines kleineren horizontalen ausbreitet, aber bei vertikaler Ansicht den Bildschirm bis auf einen kleinen Anstandsrand ausfüllt. Naja, ich bin auch mit etwas weniger idealen Lösungen zufrieden. Wer das im (Halb-)Schlaf kann, soll sich bitte melden. Liebe Grüße Marieluise
Du musst für jede Bildschirmgröße ein "max-width:Y%" oder "max-width:Ypx" angeben. Beispiel: Code: @media (min-width: 768px){ .Dein Bereich{ max-width: 70%; }}
@barbara Danke dir! diese Angabe sieht aber aus, als würde sie in die css gehören und globale Screenbesetzung regeln. Was ich brauche, ist aber nur die Reduzierung der Textbreite innerhalb einer Seite, also zum Beispiel einer Kategoriebeschreibung. Dass die Artikelkacheln sich über die ganze Breite ziehen, stört mich ja nicht, aber der Text soll das nicht. Deswegen denke ich, ich brauche eine Anweisung, die innerhalb des Editors steht und sich speziell auf den nachfolgenden Text bezieht. Wenn ich dort schreibe: width="50%", dann nimmt der Text sicherlich auch auf einem vertikalen Smartphone nur 50% der Breite in Anspruch, und das wäre ja furchtbar! Liebe Grüße Marieluise
.Dein Bereich da solltest Du festlegen, wo das greifen soll. Ich weiß jetzt nicht ob das so passt, aber mal als Beispiel: Code: @media (min-width: 768px){ .categories-description-container{ max-width:70; }} Das brauchst Du nur ein mal als css einfügen und nicht bei jedem Textblock einzeln. du musst es nur für die verschiedenen Bildschirmgrößen extra machen.
Ahaaaa! Na fein, dann kann ich es ja an Herrn Raupach delegieren. Er kümmert sich um alles außerhalb der Editoren, ich um alles innendrin.
Du kannst im Editor in der Quelltext-Ansicht auch folgendes eingeben: HTML: <div class="col-xs-6 col-sm-4"> <p> Dein Text ... </p> </div> Das sorgt dann dafür, dass der Text sich auf einem Smartphone über die Hälfte des verfügbaren Bereichs ausdehnt und alle Auflösungen darüber ein drittel des verfügbaren Bereichs verwenden. Allgemein gibt es folgende Werte bei Bootstrap: - col-xs-* -> Smartphones - col-sm-* -> Tablet Portrait-Ansicht - col-md-* -> Tablet Landscape / kleine Monitore bis einer Auflösung von 1200px horizontal - col-lg-* -> Monitore ab einer Auflösung von mindestens 1200px horizontal Für den Stern kann man im Standard Werte von 1 bis 12 eingeben, wobei 12 100% des verfügbaren Bereichs sind und die 1 8.3% (ein Zwölftel von 100).
@Torben (Gambio) Das ist echt super! Sowas hab ich gesucht. Damit kann ich nämlich auch individuelle Unterschiede je nach Text machen. Viiielen Dank!