tag:forum.selfhtml.org,2005:/self Spaltenumbruch und Bindung von Überschrift und Paragraph – SELFHTML-Forum 2016-12-12T14:08:19Z https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682302#m1682302 TS ts-self@online.de https://bitworks.de 2016-12-09T18:25:03Z 2016-12-09T18:25:03Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Abend,</p> <p>ich habe Probleme mit dem Spaltenumbruch per CSS.</p> <p>Es gibt ein mehrspaltiges Layout. Im Textfluss befinden sich im wesentlichen Überschriften (h3) und Paragraphen. Ein paar Listen und ein paar Bilder könnten auch noch vorkommen.</p> <p>Nun bekomme ich zwei Dinge einfach nicht hin:</p> <ol> <li>Obere Bündigkeit der Spalten, wenn mit einer Überschrift begonnen wird.</li> <li>Zusammenhalten von Überschrift und nachfolgendem Paragraph (oder Liste|Bild), wenn in der Spalte unten für beides kein Platz mehr ist. Die Überschrift verbleibt immer in der Vorgängerspalte. Sieht ziemlich doof aus, wenn da unten noch eine Überschrift alleine rumgammelt und der eigentliche Text erst in der nächsten Spalte beginnt.</li> </ol> <p>Ich habe schon versucht, mit <article> zu binden, aber das geht auch wieder nicht, da bei längerem Artikel sehr wohl innerhalb eines Artikels umgebrochen werden darf/muss.</p> <p>Gibt es eine schlaue Lösung?</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682306#m1682306 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-09T19:09:21Z 2016-12-09T22:09:01Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@TS</p> <blockquote> <ol> <li>Obere Bündigkeit der Spalten, wenn mit einer Überschrift begonnen wird.</li> </ol> </blockquote> <p><code>margin-top: 0</code> für die Überschrift und den Abstand zwischen den Abschnitten (<code>section</code>s?) anders erzeugen.</p> <blockquote> <ol start="2"> <li>Zusammenhalten von Überschrift und nachfolgendem Paragraph (oder Liste|Bild), wenn in der Spalte unten für beides kein Platz mehr ist. Die Überschrift verbleibt immer in der Vorgängerspalte. Sieht ziemlich doof aus, wenn da unten noch eine Überschrift alleine rumgammelt und der eigentliche Text erst in der nächsten Spalte beginnt.</li> </ol> </blockquote> <p>Wenn ich mir die <a href="http://caniuse.com/#feat=css-page-break" rel="noopener noreferrer">Unterstützung von <code>(page-)break-after</code></a> so ansehe, hast du da wohl (noch) schlechte Karten.</p> <blockquote> <p>Gibt es eine schlaue Lösung?</p> </blockquote> <p>Bugtracker der Browser mit Bugs füllen, auf dass das endlich mal ordentlich implementiert wird.</p> <p>Aber vielleicht ist es noch schlauer, auf mehrspaltigen Text im Web zu verzichten. Soll die Nutzerin ständig hoch- und runterscrollen?</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682310#m1682310 MrMurphy1 2016-12-10T04:16:49Z 2016-12-10T05:56:55Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo</p> <p>Ich gehe mal davon aus, dass du mit deiner Frage Multicolumn meinst, obwohl du es mit keinem Wort erwähnst.</p> <blockquote> <p>Gibt es eine schlaue Lösung?</p> </blockquote> <p>Wenn du damit eine Lösung meinst die browserübergreifend funktioniert - ja.</p> <p>Allerdings muss das CSS den Eigenheiten von Multicolumn angepasst werden.</p> <blockquote> <p>Obere Bündigkeit der Spalten, wenn mit einer Überschrift begonnen wird.</p> </blockquote> <p>Offensichtlich hat multicolumn etwas eigenartige Ansichten wie es mit den <em>Collapsing Margins</em> umgehen soll.</p> <p>Als einfachste Lösung habe ich für mich herausgefunden, allen Blockelementen (zu denen auch die Überschriften gehören) einen margin-top von 0 zu geben und die gewollten Abstände über margin-bottom festzulegen.</p> <p>Da es sich in der Regel nur um einige wenige Elemente handelt, kannst du dafür einmal die CSS-Anweisungen einrichten und dann für Multicolumn immer wieder verwenden.</p> <blockquote> <p>Zusammenhalten von Überschrift und nachfolgendem Paragraph (oder Liste|Bild)</p> </blockquote> <p>Das funktioniert browserübergreifend über die Anweisung <em>display: inline-block</em>.</p> <p>Wenn zum Beispiel einzelne Absätze (p-Elemente) nicht auf zwei Spalten verteilt werden sollen kann ihnen die Anweisung direkt zugewiesen werden. Auf meiner Testseite zum Beispiel die einzelnen Ali-Sprüche, die sich jeweils in einem Absatz befinden.</p> <p>Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen, können die mit einem div umgeben werden, dem dann <em>inline-block</em> zugewiesen wird.</p> <p>Bei ul-Listen kann dem ul-Element <em>inline-block</em> zugewiesen werden. Oder dem figure-Element um img und figcaption zusammenzuhalten. Und so weiter.</p> <p>Ich stelle mal zum direkten Ausprobieren, auch in verschiedenen Browsern und Geräten, meine Multicolumn-Testseite temporär zur Verfügung:</p> <p><a href="http://boratb.bplaced.net/index07.html" rel="nofollow noopener noreferrer">Multicolumn-Testseite (temporär)</a></p> <p>Die orangenen Ränder dienen nur der optischen Verdeutlichung von Informationen, die nicht auf mehrere Spalten verteilt werden sollen und entfallen in der Praxis.</p> <p>Falls die Ränder doch in der Praxis angezeigt werden sollen, sollten die oberen und unteren Abstände noch etwas angepasst werden.</p> <p>In dem Flaggen-Text kann auch schön nachvollzogen werden, dass Fließtext und Blockelemente im Multicolumn-Container auf einer Höhe beginnen.</p> <p>Gruss</p> <p>MrMurphy</p> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682424#m1682424 TS ts-self@online.de https://bitworks.de 2016-12-12T13:31:33Z 2016-12-12T13:40:13Z h3 + p, blanke Verzweiflung <p>Hallo und guten Tag,</p> <p>ich verzweifele hier gleich am CSS:</p> <pre><code class="block language-css"><span class="token selector">p + h3</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> red<span class="token punctuation">;</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 15pt<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Das "red" habe ich nur zum Test reingenommen. Aber es wirkt sich aus!<br> Aber das "margin-top" hat keinerlei Auswirkung auf die <code>h3</code>-Überschrift. Die klebt am <code>p</code>, als wäre sie gar nicht vorhanden.</p> <p><strong>Nachtrag</strong></p> <p><code>padding-top</code> wird eigenwilligerweise berücksichtigt.</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682312#m1682312 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T09:55:16Z 2016-12-10T09:55:16Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@Gunnar Bittersmann</p> <blockquote> <p>Wenn ich mir die <a href="http://caniuse.com/#feat=css-page-break" rel="noopener noreferrer">Unterstützung von <code>(page-)break-after</code></a> so ansehe, hast du da wohl (noch) schlechte Karten.</p> </blockquote> <p>Wenn ich mir die <a href="http://caniuse.com/#feat=multicolumn" rel="noopener noreferrer">Unterstützung von <code>break-after</code></a> so ansehe, hast du wohl bessere Karten. <em>I</em>rgend<em>E</em>in Browser sollte es können.</p> <p>Es ist mir allerdings nicht geglückt, den IE 11 dazu zu bewegen: <a href="http://codepen.io/gunnarbittersmann/pen/gLjgoV" rel="noopener noreferrer">CodePen</a>. Ist bei euch in IE/Edge ein Spaltenumbruch zwischen der Überschrift „Article 4“ und dem nachfolgenden Text?</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682311#m1682311 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T06:19:06Z 2016-12-10T06:19:06Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@MrMurphy1</p> <blockquote> <blockquote> <p>Gibt es eine schlaue Lösung?</p> </blockquote> <p>Wenn du damit eine Lösung meinst die browserübergreifend funktioniert - ja.</p> </blockquote> <p>Nicht so schnell, junger Freund.</p> <blockquote> <p>Allerdings muss das CSS den Eigenheiten von Multicolumn angepasst werden. […]<br> Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen, können die mit einem div umgeben werden</p> </blockquote> <p>Iiiihh!!!</p> <p>Was soll’s, sei’s drum. <em lang="en">(No pun intended.)</em></p> <blockquote> <p>Das funktioniert browserübergreifend über die Anweisung <em>display: inline-block</em>.</p> <p>Wenn zum Beispiel einzelne Absätze (p-Elemente) nicht auf zwei Spalten verteilt werden sollen […]</p> </blockquote> <p>Das ist aber sehr „um die Ecke gedacht“. Wenn innerhalb eines Absatzes kein Spaltenumbruch erfolgen soll – dafür gibt es eine spezielle Eigenschaft: <code>(page-)break-inside: avoid</code>; und <a href="http://caniuse.com/#feat=css-page-break" rel="noopener noreferrer">die funktioniert browserübergreifend.</a></p> <blockquote> <p>[…] kann ihnen die Anweisung direkt zugewiesen werden.</p> </blockquote> <p>BTW, es gibt in CSS <a href="https://forum.selfhtml.org/cites/311" rel="noopener noreferrer">keine „Anweisungen“.</a></p> <p>Aber jetzt kommt’s: Weder dein <code>display: inline-block</code> noch <code>(page-)break-inside: avoid</code> erfüllt die gewünschten Anforderungen:</p> <blockquote> <p>Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen […]</p> </blockquote> <p>Nein, Spaltenumbrüche sollen <strong>innerhalb</strong> von Absätzen ja durchaus <strong>erlaubt</strong> sein. Sie sollen <strong>nicht zwischen</strong> Überschrift und dem Absatz danach stattfinden.</p> <p>Der ersten Absatz nach einer Überschrift darf durchaus auf zwei Spalten verteilt werden. Inbesondere wenn dieser länger ist, macht sich das störend bemerkbar, wenn man das unterbinden würde.</p> <p>Da bleibt wohl doch nur, auf die Unterstützung der für den Umbruch zwischen Überschrift und Absatz zuständigen CSS-Eigenschaft zu warten: <code>(page-)break-after</code> (<code>(page-)break-before</code>).</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682313#m1682313 TS ts-self@online.de https://bitworks.de 2016-12-10T10:00:00Z 2016-12-10T10:00:00Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Morgen,</p> <blockquote> <p>Ich gehe mal davon aus, dass du mit deiner Frage Multicolumn meinst, obwohl du es mit keinem Wort erwähnst.</p> </blockquote> <p>Ja. Das ist gemeint.</p> <blockquote> <blockquote> <p>Obere Bündigkeit der Spalten, wenn mit einer Überschrift begonnen wird.</p> </blockquote> <p>Offensichtlich hat multicolumn etwas eigenartige Ansichten wie es mit den <em>Collapsing Margins</em> umgehen soll.</p> </blockquote> <p>Das genau empfinde ich auch so...</p> <blockquote> <p>Als einfachste Lösung habe ich für mich herausgefunden, allen Blockelementen (zu denen auch die Überschriften gehören) einen margin-top von 0 zu geben und die gewollten Abstände über margin-bottom festzulegen.</p> <p>Da es sich in der Regel nur um einige wenige Elemente handelt, kannst du dafür einmal die CSS-Anweisungen einrichten und dann für Multicolumn immer wieder verwenden.</p> </blockquote> <p>Die Margins habe ich hier überall noch nicht verstanden, welcher nun gilt: der kleinste, der größte, beide zufällig abwechselnd? Scheint mir fast so, als wäre es letzteres...</p> <blockquote> <blockquote> <p>Zusammenhalten von Überschrift und nachfolgendem Paragraph (oder Liste|Bild)</p> </blockquote> <p>Das funktioniert browserübergreifend über die Anweisung <em>display: inline-block</em>.</p> </blockquote> <blockquote> <p>Wenn, wie in deinem Fall, eine Überschrift und der nachfolgende Absatz immer in einer Spalte stehen sollen, können die mit einem div umgeben werden, dem dann <em>inline-block</em> zugewiesen wird.</p> </blockquote> <p>Das ist eben nicht so einfach, weil die Textblöcke aus der Datenbank einfließen und das CSS ja nicht wissen kann, was kommt.</p> <p>Aber ich werde mal mit <code>inline-block</code> experimentieren. Ist schon mal eine Möglichkeit, die ich bisher nicht berücksichtigt hatte.</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682319#m1682319 TS ts-self@online.de https://bitworks.de 2016-12-10T10:10:32Z 2016-12-10T10:10:32Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Morgen,</p> <blockquote> <p>Nein, Spaltenumbrüche sollen <strong>innerhalb</strong> von Absätzen ja durchaus <strong>erlaubt</strong> sein. Sie sollen <strong>nicht zwischen</strong> Überschrift und dem Absatz danach stattfinden.</p> <p>Der ersten Absatz nach einer Überschrift darf durchaus auf zwei Spalten verteilt werden. Inbesondere wenn dieser länger ist, macht sich das störend bemerkbar, wenn man das unterbinden würde.</p> <p>Da bleibt wohl doch nur, auf die Unterstützung der für den Umbruch zwischen Überschrift und Absatz zuständigen CSS-Eigenschaft zu warten: <code>(page-)break-after</code> (<code>(page-)break-before</code>).</p> </blockquote> <p>Ich hatte sowas wildes, wie</p> <pre><code class="block language-css"><span class="token selector">h3 + p</span> <span class="token punctuation">{</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 5pt<span class="token punctuation">;</span> <span class="token property">break-before</span><span class="token punctuation">:</span> avoid<span class="token punctuation">;</span> <span class="token property">break-before</span><span class="token punctuation">:</span> avoid-column<span class="token punctuation">;</span> <span class="token property">-webkit-column-break-before</span><span class="token punctuation">:</span> avoid-column<span class="token punctuation">;</span> <span class="token property">-moz-column-break-before</span><span class="token punctuation">:</span> avoid-column<span class="token punctuation">;</span> <span class="token property">-webkit-column-break-before</span><span class="token punctuation">:</span> avoid<span class="token punctuation">;</span> <span class="token property">-moz-column-break-before</span><span class="token punctuation">:</span> avoid<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>ausprobiert.</p> <p>Und auch anders herum wntsprechend mit <code>break-after</code>.</p> <p>Scheint wohl noch zu dauern...</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682314#m1682314 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2016-12-10T10:02:41Z 2016-12-10T10:02:41Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Es ist mir allerdings nicht geglückt, den IE 11 dazu zu bewegen: <a href="http://codepen.io/gunnarbittersmann/pen/gLjgoV" rel="noopener noreferrer">CodePen</a>. Ist bei euch in IE/Edge ein Spaltenumbruch zwischen der Überschrift „Article 4“ und dem nachfolgenden Text?</p> </blockquote> <p>Der Edge macht es richtig („Article 4“ steht in der neuen Spalte), IE11 nicht.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682315#m1682315 TS ts-self@online.de https://bitworks.de 2016-12-10T10:05:18Z 2016-12-10T10:05:18Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Morgen Gunnar,</p> <blockquote> <p>Wenn ich mir die <a href="http://caniuse.com/#feat=multicolumn" rel="noopener noreferrer">Unterstützung von <code>break-after</code></a> so ansehe, hast du wohl bessere Karten. <em>I</em>rgend<em>E</em>in Browser sollte es können.</p> <p>Es ist mir allerdings nicht geglückt, den IE 11 dazu zu bewegen: <a href="http://codepen.io/gunnarbittersmann/pen/gLjgoV" rel="noopener noreferrer">CodePen</a>. Ist bei euch in IE/Edge ein Spaltenumbruch zwischen der Überschrift „Article 4“ und dem nachfolgenden Text?</p> </blockquote> <p>Ich habe hier einen FF 43.0.1 und der macht noch einen Spaltenumbruch zwischen der Überschrift "Article 4" und dem Textblock dazu.</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682321#m1682321 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T10:19:33Z 2016-12-10T10:19:33Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@TS</p> <blockquote> <p>Aber ich werde mal mit <code>inline-block</code> experimentieren. Ist schon mal eine Möglichkeit, die ich bisher nicht berücksichtigt hatte.</p> </blockquote> <p>Das sollte auch so bleiben. Wenn schon, dann bitteschön <code>(page-)break-inside: avoid</code>.</p> <p>Und was dann passiert siehst du, wenn du im <a href="http://codepen.io/gunnarbittersmann/pen/gLjgoV?editors=0100" rel="noopener noreferrer">CodePen</a> die Auskommentierung bei</p> <pre><code class="block language-css"><span class="token selector">section</span> <span class="token punctuation">{</span> <span class="token comment">/*page-break-inside: avoid;/**/</span> <span class="token punctuation">}</span> </code></pre> <p>wegnimmst.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682316#m1682316 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T10:05:37Z 2016-12-10T10:05:37Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@Matthias Apsel</p> <blockquote> <p>Der Edge macht es richtig („Article 4“ steht in der neuen Spalte), IE11 nicht.</p> </blockquote> <p>Seltsam. Sogar Microsoft macht einen glauben, <a href="https://msdn.microsoft.com/en-us/library/hh772187(v=vs.85).aspx" rel="nofollow noopener noreferrer">es ginge ab IE 10</a>.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682317#m1682317 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T10:09:13Z 2016-12-10T10:09:13Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@TS</p> <blockquote> <p>Ich habe hier einen FF 43.0.1</p> </blockquote> <p>Kannst du den mal bitte rückstandslos entsorgen? Aktuell ist 50.0.2.</p> <blockquote> <p>und der macht noch einen Spaltenumbruch zwischen der Überschrift "Article 4" und dem Textblock dazu.</p> </blockquote> <p>Das ist auch laut <a href="http://caniuse.com/#feat=multicolumn" lang="en" rel="noopener noreferrer">Can I Use</a> nicht anders zu erwarten: <em lang="en">“Firefox does not support <code>break-*</code>.”</em></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682320#m1682320 TS ts-self@online.de https://bitworks.de 2016-12-10T10:13:34Z 2016-12-10T10:13:34Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Morgen,</p> <blockquote> <blockquote> <p>Ich habe hier einen FF 43.0.1</p> </blockquote> <p>Kannst du den mal bitte rückstandslos entsorgen? Aktuell ist 50.0.2.</p> </blockquote> <p>Dann muss ich auch die Rechner entsorgen, auf denen das noch läuft. 43.0.1 ist der letzte, der da noch ohne Abstürze läuft.</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682323#m1682323 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-10T10:23:03Z 2016-12-10T10:23:03Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>@@TS</p> <blockquote> <blockquote> <blockquote> <p>Ich habe hier einen FF 43.0.1</p> </blockquote> <p>Kannst du den mal bitte rückstandslos entsorgen? Aktuell ist 50.0.2.</p> </blockquote> <p>Dann muss ich auch die Rechner entsorgen, auf denen das noch läuft. 43.0.1 ist der letzte, der da noch ohne Abstürze läuft.</p> </blockquote> <p>Jedenfalls solltest du die Rechner vom Internet trennen, wenn da noch 43.0.1 drauf läuft.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682325#m1682325 TS ts-self@online.de https://bitworks.de 2016-12-10T10:48:16Z 2016-12-10T10:48:16Z Spaltenumbruch und Bindung von Überschrift und Paragraph <p>Hallo und guten Morgen,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Ich habe hier einen FF 43.0.1</p> </blockquote> <p>Kannst du den mal bitte rückstandslos entsorgen? Aktuell ist 50.0.2.</p> </blockquote> <p>Dann muss ich auch die Rechner entsorgen, auf denen das noch läuft. 43.0.1 ist der letzte, der da noch ohne Abstürze läuft.</p> </blockquote> <p>Jedenfalls solltest du die Rechner vom Internet trennen, wenn da noch 43.0.1 drauf läuft.</p> </blockquote> <p>Was machen die sonst, was sie ohne Browser nicht machen würden?</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682425#m1682425 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2016-12-12T13:40:28Z 2016-12-12T13:40:28Z h3 + p, blanke Verzweiflung <p>Hallo TS,</p> <p>CSS ist ohne das HTML, auf das es wirken soll, ohne Aussagekraft. Schau in die Entwicklerkonsole oder zeig die komplette Seite, damit jemand anders schauen kann.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Dieses Forum nutzt Markdown. Im <a href="https://wiki.selfhtml.org" rel="nofollow noopener noreferrer">Wiki</a> erhalten Sie <a href="https://wiki.selfhtml.org/wiki/SELFHTML:Forum/Formatierung_der_Beitr%C3%A4ge" rel="nofollow noopener noreferrer">Hilfe bei der Formatierung Ihrer Beiträge</a>. </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682426#m1682426 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2016-12-12T14:01:32Z 2016-12-12T14:01:32Z h3 + p, blanke Verzweiflung <p>@@TS</p> <blockquote> <p>ich verzweifele hier gleich am CSS:</p> <pre><code class="block language-css"><span class="token selector">p + h3</span> <span class="token punctuation">{</span> </code></pre> </blockquote> <p>Ein äußerst zweifelhafter Selektor, zweifelsohne.</p> <blockquote> <p>Aber das "margin-top" hat keinerlei Auswirkung auf die <code>h3</code>-Überschrift. Die klebt am <code>p</code>, als wäre sie gar nicht vorhanden.</p> </blockquote> <p>Und da fällt dein Weltbild zusammen‽</p> <p>Blick in die Glaskugel: Es sind die <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Abstand/margin#zusammenfallende_Au.C3.9Fenabst.C3.A4nde" rel="nofollow noopener noreferrer">Außenabstände, die zusammenfallen.</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“</em> —Johann Wolfgang von Goethe </div> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682427#m1682427 Nomo der Ator 2016-12-12T14:01:46Z 2016-12-12T14:01:46Z h3 + p, blanke Verzweiflung <blockquote> <p>Betreff: <strong>h3 + p</strong>, ...</p> <p>CSS-Code: <strong>p + h3</strong> { ... }</p> </blockquote> <p>Weißt du was du tust?</p> https://forum.selfhtml.org/self/2016/dec/9/spaltenumbruch-und-bindung-von-ueberschrift-und-paragraph/1682428#m1682428 TS ts-self@online.de https://bitworks.de 2016-12-12T14:08:19Z 2016-12-12T14:08:19Z h3 + p, blanke Verzweiflung <p>Hallo und guten Tag,</p> <blockquote> <blockquote> <p>Betreff: <strong>h3 + p</strong>, ...</p> <p>CSS-Code: <strong>p + h3</strong> { ... }</p> </blockquote> </blockquote> <blockquote> <p>Weißt du was du tust?</p> </blockquote> <p>Wenn Du die Reihenfolge meinst: im Subject des Postings ist sie falsch... Da hat mein Man-in-the-middle mal wieder stumpf alphabetisch sortiert ;-P</p> <p>Aber sonst dachte ich schon, dass ich mich an die Doku /das Wiki halten könnte...</p> <p>Grüße<br> TS</p> <div class="signature">-- <br> es wachse der Freifunk<br> <a href="http://freifunk-oberharz.de" rel="nofollow noopener noreferrer">http://freifunk-oberharz.de</a> </div>