Probleme im header und mit der Breite – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Probleme im header und mit der Breite Sun, 24 May 20 16:35:51 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770931#m1770931 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770931#m1770931 <p>Moin,</p> <p>bei obiger Seite gelingt es mir nicht, das der Text im "header" auf kleiner Displays unter das Bild rutscht.</p> <p>Wo ist mein Fehler?</p> <p>Wenn man sich die Breite der Elemente anschaut, sind die Menübutton in Summe breiter als der Rest. Wie bekomme ich das schöner hin?</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 16:51:04 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770932#m1770932 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770932#m1770932 <p>@@Kralle</p> <blockquote> <p>bei obiger Seite gelingt es mir nicht, das der Text im "header" auf kleiner Displays unter das Bild rutscht.</p> <p>Wo ist mein Fehler?</p> </blockquote> <p>Der <code>body</code> möchte keine Flexbox sein?</p> <blockquote> <p>Ãœberschrift des Artikels<br> Weiterführende Links</p> </blockquote> <p lang="en">UTF-8 is hard.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> Probleme im header und mit der Breite Sun, 24 May 20 17:39:47 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770936#m1770936 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770936#m1770936 <p>Hallo Kralle,</p> <p>ich nehme an, dass Du seit dem Stellen der Frage etwas am header geändert hast, denn nun springt der Text unter das Bild wenn der Viewport schmaler gemacht wird.</p> <p>Aber schön ist anders. Bei "mittelbreiten" Viewports (630-900 Pixel) steht das Bild linksbündig - das sähe zentriert sicherlich schöner aus. Der Text "LUG Bremerhaven" steht schon im Bild und sollte auch zum Alt-Text des Bildes werden. Dann hätte man nur noch "Linux User Group Bremerhaven" als Text im Header - mir würde das besser gefallen.</p> <p>Anregung: <a href="https://jsfiddle.net/Rolf_b/4jwb6yoe/" rel="noopener noreferrer">https://jsfiddle.net/Rolf_b/4jwb6yoe/</a></p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme im header und mit der Breite Mon, 25 May 20 19:38:02 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771020#m1771020 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771020#m1771020 <p>Moin,</p> <p>ich glaube ich habe die CSS jetzt bezogen auf die Menüleiste (grün) endgültig zerschossen.</p> <p>a) Auf einem Handy gibt es kein Hamburger-Menü mehr. b) Die Zeile wird noch immer Breiter als der Rest. Liegt es vielleicht daran, dass es rechts keinen "Rand" gibt.</p> <p>Also, ich habe jetzt Stundenlang die neuen Möglichkeiten von HTML5 probiert, aber ich bekomme es nicht hin.</p> <p>Könnt Ihr Euch das vielleicht nochmal anschauen?</p> <p>Homepage: <a href="http://www.heiko-rompel.de/lug/index.html" rel="nofollow noopener noreferrer">http://www.heiko-rompel.de/lug/index.html</a></p> <p>CSS: <a href="http://www.heiko-rompel.de/lug/styles.css" rel="nofollow noopener noreferrer">http://www.heiko-rompel.de/lug/styles.css</a></p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sat, 30 May 20 16:06:22 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771299#m1771299 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771299#m1771299 <p>Moin,</p> <p>ich habe den aktuellen Stand mal wieder hochgeladen.</p> <p>LPD steht für <a href="http://l-p-d.org/de/start" rel="nofollow noopener noreferrer">Linux-Presentation-Day </a>.</p> <p>Menü ist aus meiner Sicht in Ordnung. Alle Button werden zu einer statischen Seite führen.</p> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe? Muss ich dafür drei CSS-Klassen erstellen?</p> <p>Gruß Heiko</p> <p>P.S. Ich habe eine .htaccess hinterlegt :-)</p> Gelöst: Probleme im header und mit der Breite Mon, 01 Jun 20 17:54:36 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771375#m1771375 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771375#m1771375 <p>Moin,</p> <p>aktuell sind meine Fragen gelöst.</p> <p><a href="http://www.heiko-rompel.de/lug/index.html" rel="nofollow noopener noreferrer">Aktueller Stand</a></p> <p>Danke, für Eure Ausdauer und Hilfe.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 17:07:30 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770934#m1770934 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770934#m1770934 <p>Moin,</p> <p>Body ist flex. Habe ich alles hier von der Homepage.</p> <pre><code class="block language-css"><span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0 auto<span class="token punctuation">;</span> <span class="token property">max-width</span><span class="token punctuation">:</span> 60em<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-flow</span><span class="token punctuation">:</span> row wrap<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */</span> <span class="token selector">header, nav, nav a, article, section, aside, footer</span> <span class="token punctuation">{</span> <span class="token property">border-radius</span><span class="token punctuation">:</span> 0px 0.5em 0.5em<span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span> 1px solid<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 10px<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">header</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> #F1F3F4<span class="token punctuation">;</span> <span class="token property">border-color</span><span class="token punctuation">:</span> #d5d5d5<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-flow</span><span class="token punctuation">:</span> row wrap<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">header *</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 0%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">header img</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 0 12em<span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">header div</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 3 0 <span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">header nav</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav, nav ul, nav li</span><span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav ul</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-direction</span><span class="token punctuation">:</span> column<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav li</span> <span class="token punctuation">{</span> <span class="token property">list-style-type</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 1.2em 0<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 95%<span class="token punctuation">;</span> <span class="token property">background</span><span class="token punctuation">:</span> #fffbf0<span class="token punctuation">;</span> <span class="token property">border</span><span class="token punctuation">:</span> 1px solid #dfac20<span class="token punctuation">;</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav a:hover, nav a:focus</span> <span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #dfac20<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">section</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> #F1F3F4<span class="token punctuation">;</span> <span class="token property">border-color</span><span class="token punctuation">:</span> slateblue<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">article</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> #ffede0<span class="token punctuation">;</span> <span class="token property">border-color</span><span class="token punctuation">:</span> #df6c20<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">aside</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> #ebf5d7<span class="token punctuation">;</span> <span class="token property">border-color</span><span class="token punctuation">:</span> #8db243<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer</span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> #e4ebf2<span class="token punctuation">;</span> <span class="token property">border-color</span><span class="token punctuation">:</span> #8a9da8<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> flex<span class="token punctuation">;</span> <span class="token property">flex-flow</span><span class="token punctuation">:</span> row wrap<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer *</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 0%<span class="token punctuation">;</span> <span class="token property">justify-content</span><span class="token punctuation">:</span> space-between<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer p</span> <span class="token punctuation">{</span> <span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Smart Phones und Tablets mit mittlerer Auflösung */</span> <span class="token atrule"><span class="token rule">@media</span> all <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 35em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token selector">header img</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 0 0 12em<span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 50px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav ul</span> <span class="token punctuation">{</span> <span class="token property">flex-direction</span><span class="token punctuation">:</span> row<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">nav li</span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 0 10px<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 0%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">article</span> <span class="token punctuation">{</span> <span class="token property">order</span><span class="token punctuation">:</span> 2<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#news</span> <span class="token punctuation">{</span> <span class="token property">order</span><span class="token punctuation">:</span> 3<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">aside</span> <span class="token punctuation">{</span> <span class="token comment">/* durch auto werden die beiden asides in eine Zeile gesetzt */</span> <span class="token property">flex</span><span class="token punctuation">:</span> 1 1 auto<span class="token punctuation">;</span> <span class="token property">order</span><span class="token punctuation">:</span> 4<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer</span> <span class="token punctuation">{</span> <span class="token property">order</span><span class="token punctuation">:</span> 5<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> <span class="token comment">/* Large screens */</span> <span class="token atrule"><span class="token rule">@media</span> all <span class="token keyword">and</span> <span class="token punctuation">(</span><span class="token property">min-width</span><span class="token punctuation">:</span> 50em<span class="token punctuation">)</span></span> <span class="token punctuation">{</span> <span class="token selector">article</span> <span class="token punctuation">{</span> <span class="token comment">/* Der Article wird 2.5x so breit wie die beiden asides! */</span> <span class="token property">order</span><span class="token punctuation">:</span> 3<span class="token punctuation">;</span> <span class="token property">flex</span><span class="token punctuation">:</span> 5 1 0%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">aside</span> <span class="token punctuation">{</span> <span class="token property">flex</span><span class="token punctuation">:</span> 2 1 0%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#news</span> <span class="token punctuation">{</span> <span class="token property">order</span><span class="token punctuation">:</span> 2<span class="token punctuation">;</span> <span class="token property">align-self</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 120px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <blockquote> <p>UTF-8 is hard.</p> </blockquote> <p>Was willst Du mir damit sagen?</p> <p>Gruß HEiko</p> Probleme im header und mit der Breite Sun, 24 May 20 17:50:57 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770937#m1770937 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770937#m1770937 <p>Hallo Heiko,</p> <blockquote> <blockquote> <p>UTF-8 is hard.</p> </blockquote> <p>Was willst Du mir damit sagen?</p> </blockquote> <p>dass du zwar offensichtlich UTF-8 als Textcodierung verwendest (und das ist gut), dem Browser aber im HTTP-Header weismachen willst, es sei Windows-1252. Im meta-Element im head steht's richtig, aber der HTTP-Header hat Vorrang.</p> <p>Daher die von Gunnar beklagten Fehldarstellungen bei den Umlauten.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sun, 24 May 20 18:28:07 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770945#m1770945 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770945#m1770945 <p>Hallo Rolf,</p> <p>warum <code>body { max-width: 960px;}</code> Warum einen festen Pixelwert?</p> <p>Also, wenn ich den "@media" Bereich von Dir übernehme, dann gefällt mir das Layout aber nicht mehr, weil der Text auch auf dem großen Display unter dem Bild steht und das mit einem großen freien Bereich oben und unten.</p> <p>Und was ist mit dem zweiten Problem?</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 18:00:30 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770940#m1770940 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770940#m1770940 <p>Hallo,</p> <blockquote> <p>dass du zwar offensichtlich UTF-8 als Textcodierung verwendest (und das ist gut), dem Browser aber im HTTP-Header weismachen willst, es sei Windows-1252. Im meta-Element im head steht's richtig, aber der HTTP-Header hat Vorrang.</p> <p>Daher die von Gunnar beklagten Fehldarstellungen bei den Umlauten.</p> </blockquote> <p>Wenn ich das richtig verstehe, dann kommt doch de HTTP-Header vom Server. Auf diese Einstellungen habe ich keinen Einfluß.</p> <p><a href="/images/44188e2a-9de8-11ea-a8b0-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/44188e2a-9de8-11ea-a8b0-b42e9947ef30.png?size=medium" alt="Servereinstellungen " title="Servereinstellungen" loading="lazy"></a></p> <p>Ich habe keine Ahnung, wie sich das auf alle anderen Sachen auf dem Server auswirken würde, wenn ich dort etwas verstellen würde.</p> <p>MfG Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 18:18:05 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770943#m1770943 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770943#m1770943 <p>Hallo Martin,</p> <p>also entweder bin ich heute noch verwirrter als sonst, oder der Header hat sich in der letzten halben Stunde geändert. Ich hab eben nämlich mal draufgeguckt, und ich könnte schwören, dass da noch keine charset Angabe im Header stand.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme im header und mit der Breite Sun, 24 May 20 18:29:01 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770946#m1770946 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770946#m1770946 <p>Hallo Heiko,</p> <blockquote> <p>Ich habe keine Ahnung, wie sich das auf alle anderen Sachen auf dem Server auswirken würde, wenn ich dort etwas verstellen würde.</p> </blockquote> <p>Über diese Einstellungen kannst du die Einstellung nicht ändern, aber du kannst mit der Zeile <a href="https://httpd.apache.org/docs/2.4/mod/mod_mime.html#addcharset" rel="nofollow noopener noreferrer"><code>AddCharset UTF-8 .html</code></a> in einer .htaccess die Voreinstellung vom Server überschreiben.</p> <p>Gruß,<br> Tobias</p> Probleme im header und mit der Breite Sun, 24 May 20 18:29:31 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770947#m1770947 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770947#m1770947 <p>Moin,</p> <p>im Header war die ganze Zeit schon ein <code><meta charset="UTF-8"> </code>enthalten.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 18:40:32 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770948#m1770948 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770948#m1770948 <p>Hallo Rolf,</p> <blockquote> <p>also entweder bin ich heute noch verwirrter als sonst, oder der Header hat sich in der letzten halben Stunde geändert.</p> </blockquote> <p>zu deiner Verwirrung kann und will ich nichts sagen, zu den Veränderungen auf Heikos Website auch nicht.</p> <blockquote> <p>Ich hab eben nämlich mal draufgeguckt, und ich könnte schwören, dass da noch keine charset Angabe im Header stand.</p> </blockquote> <p>Meine Beobachtung ist auch nur eine Momentaufnahme um etwa 19:45, und da hat mein Browser einen HTTP-Header <strong>Content-Type: text/html; charset=windows-1252</strong> erhalten (oder behauptete das zumindest), während im Dokument selbst im head die Angabe <strong><meta charset="utf-8"></strong> stand.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sun, 24 May 20 22:00:41 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770961#m1770961 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770961#m1770961 <p>Hallo Kralle,</p> <blockquote> <p>warum body { max-width: 960px;}</p> </blockquote> <p>Das ist der Klassiker. Aber vielleicht liege ich damit ja auch falsch. 60em sind bei Default-Font (16px=1em) das Gleiche, und wenn Du das lieber willst, dann nimm es. Ich weiß nur nicht, was dann beim Zoomen (=Variation der Root-Textgröße) passiert.</p> <blockquote> <p>Und was ist mit dem zweiten Problem?</p> </blockquote> <p>Mit Flexbox kaum zu lösen. Die Menüelemente sind zu breit. Man kann das für breite Viewports zwar korrigieren, aber wenn Du das Fenster etwas schmaler machst, hängen sie wieder rechts raus. Mit flex-wrap, flex-grow:0 und justify-content:space-between kriegt man einiges hin, aber da kommst Du irgendwann in die Limits der Flexbox.</p> <p>Ggf. kannst Du mit weiteren media Breaks etwas retten. Oder mit display:grid. Oder mir fehlt einfach die richtige Idee.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme im header und mit der Breite Sun, 24 May 20 18:41:10 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770949#m1770949 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770949#m1770949 <p>Okay, das werde ich übernehmen, wenn ich die Seite auf den richtigen Server übertrage.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 19:10:12 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770950#m1770950 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770950#m1770950 <p>@@Kralle</p> <blockquote> <p>im Header war die ganze Zeit schon ein <code><meta charset="UTF-8"> </code>enthalten.</p> </blockquote> <p>Nein.</p> <p>Du bringst da was durcheinander, nämlich den HTTP-Head<strong>er</strong> und das HTML-Element <code><head></code>. (Nicht zu verwechseln mit dem HTML-Element <code><header></code>.)</p> <p>HTTP-Header sagt: ISO-8859-1<br> HTML-<code><head></code> sagt: UTF-8<br> <a href="https://validator.w3.org/i18n-checker/check?uri=http%3A%2F%2Fwww.heiko-rompel.de%2Flug%2Findex.html#validate-by-uri+" rel="nofollow noopener noreferrer">I18n Checker</a> sagt: So nicht!</p> <p>Übrigens: Was soll das denn?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> <p>Wozu soll <code>xmlns</code> und <code>xml:lang</code> gut sein? Dein Zeug ist kein XML, also weg damit!</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> Probleme im header und mit der Breite Sun, 24 May 20 19:25:25 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770953#m1770953 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770953#m1770953 <p>Upps, ich glaube ich habe den Haken unter dem Text Feld falsch verstanden. Ist jetzt der ganze Thread als Gelöst markiert?</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 19:23:06 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770952#m1770952 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770952#m1770952 <p>Moin,</p> <blockquote> <p>HTTP-Header sagt: ISO-8859-1<br> HTML-<code><head></code> sagt: UTF-8<br> <a href="https://validator.w3.org/i18n-checker/check?uri=http%3A%2F%2Fwww.heiko-rompel.de%2Flug%2Findex.html#validate-by-uri+" rel="nofollow noopener noreferrer">I18n Checker</a> sagt: So nicht!</p> </blockquote> <p>HTTP-Header kommt vom Provider. Muss das ändern lassen.</p> <blockquote> <p>Übrigens: Was soll das denn?</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">xmlns</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://www.w3.org/1999/xhtml<span class="token punctuation">"</span></span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">xml:</span>lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Wir so in SELFHTML gezeigt.</p> <blockquote> <p>Wozu soll <code>xmlns</code> und <code>xml:lang</code> gut sein? Dein Zeug ist kein XML, also weg damit!</p> </blockquote> <p>Also, nur <html lang="de"> - richtig?</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 24 May 20 19:56:02 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770954#m1770954 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770954#m1770954 <p>Hallo,</p> <blockquote> <p>Upps, ich glaube ich habe den Haken unter dem Text Feld falsch verstanden.<br> Ist jetzt der ganze Thread als Gelöst markiert?</p> </blockquote> <p>nein, keine Spur. Die pseudo-intelligente Forensoftware glaubte nur, irgendwo im Text etwas von "gelöst" erkannt zu haben und hat das deshalb als Tag vorgeschlagen. Aber eben nur vorgeschlagen. Keiner hat's wirklich genommen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Mon, 25 May 20 03:33:25 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770962#m1770962 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770962#m1770962 <p>@@Rolf B</p> <blockquote> <blockquote> <p>warum body { max-width: 960px;}</p> </blockquote> <p>Das ist der Klassiker.</p> </blockquote> <p>Millionen Fliegen können nicht irren?</p> <blockquote> <p>Aber vielleicht liege ich damit ja auch falsch.</p> </blockquote> <p>Ja. ☞ <a href="https://zellwk.com/blog/media-query-units/" rel="nofollow noopener noreferrer">PX, EM or REM Media Queries?</a></p> <blockquote> <p>60em sind bei Default-Font (16px=1em) das Gleiche</p> </blockquote> <p>Nein. In vielen Browsern entspricht 16px ≙ 1em; aber nicht in allen. Mit dem Font hat das nichts zu tun.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> Probleme im header und mit der Breite Fri, 29 May 20 16:40:14 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771253#m1771253 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771253#m1771253 <p>Moin,</p> <p>Menüleiste und Header sind jetzt was so wie ich das haben möchte. Bei Header stört noch, dass das Logo, wenn der Text auf einem kleinen Display drunter rutscht, nicht mittig ist.</p> <p>Ein "Bürger"-Menü, auf kleinen Display, wäre natürlich auch nicht schlecht.</p> <p>Gruß Heiko</p> <p>P.S. Warum taucht diese Thema und die Post, in meinm User unter "Posts" nicht auf? Auch kommen neue Antworten nicht via RSS-Feed.</p> Probleme im header und mit der Breite Fri, 29 May 20 16:54:00 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771255#m1771255 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771255#m1771255 <p>@@Kralle</p> <blockquote> <p>Menüleiste und Header sind jetzt was so wie ich das haben möchte.</p> </blockquote> <p>Bis auf die Farben, nehme ich an.</p> <p>Und echt, so willst du das haben?</p> <p><a href="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png?size=medium" alt="Screenshot des Menüs" loading="lazy"></a></p> <blockquote> <p>Bei Header stört noch, dass das Logo, wenn der Text auf einem kleinen Display drunter rutscht, nicht mittig ist.</p> </blockquote> <p>Wenn alles andere links ausgerichtet ist, sollte das Logo nicht unbedingt mittig sein.</p> <blockquote> <p>Ein "Bürger"-Menü, auf kleinen Display, wäre natürlich auch nicht schlecht.</p> </blockquote> <p>Ich hab hier mal solch ein <a href="https://codepen.io/gunnarbittersmann/pen/jYaRJM" lang="en" rel="noopener noreferrer">responsive menu</a> umgesetzt; einige <a href="https://forum.selfhtml.org/self/2016/dec/27/bitte-um-kritik-und-verbesserungen/1683760#m1683760" rel="noopener noreferrer">Erklärungen</a> gibt’s auch dazu.</p> <blockquote> <p>P.S. Warum taucht diese Thema und die Post, in meinm User unter "Posts" nicht auf?</p> </blockquote> <p>??</p> <p><a href="/images/ecc6e138-a1cc-11ea-bebe-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/ecc6e138-a1cc-11ea-bebe-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <p>PS: Mit „Ueberschrift“ willst du das immer noch bestehende Problem mit der Zeichencodierung umgehen? Schlau. Nicht.</p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>) </div> Probleme im header und mit der Breite Fri, 29 May 20 19:19:05 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771257#m1771257 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771257#m1771257 <p>Moin,</p> <blockquote> <blockquote> <p>Menüleiste und Header sind jetzt was so wie ich das haben möchte.</p> </blockquote> <p>Bis auf die Farben, nehme ich an.</p> </blockquote> <p>Jupp.</p> <blockquote> <p>Und echt, so willst du das haben?</p> <p><a href="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png?size=medium" alt="Screenshot des Menüs" loading="lazy"></a></p> </blockquote> <p>Wenn das Bil kleiner als, 1980 pixel Breit ist - ja. :-)</p> <blockquote> <blockquote> <p>Bei Header stört noch, dass das Logo, wenn der Text auf einem kleinen Display drunter rutscht, nicht mittig ist.</p> </blockquote> <p>Wenn alles andere links ausgerichtet ist, sollte das Logo nicht unbedingt mittig sein.</p> </blockquote> <p>Mittig über dem Container mit "Linux User Group Bremerhaven"</p> <blockquote> <blockquote> <p>Ein "Bürger"-Menü, auf kleinen Display, wäre natürlich auch nicht schlecht.</p> </blockquote> <p>Ich hab hier mal solch ein <a href="https://codepen.io/gunnarbittersmann/pen/jYaRJM" lang="en" rel="noopener noreferrer">responsive menu</a> umgesetzt; einige <a href="https://forum.selfhtml.org/self/2016/dec/27/bitte-um-kritik-und-verbesserungen/1683760#m1683760" rel="noopener noreferrer">Erklärungen</a> gibt’s auch dazu.</p> </blockquote> <p>Werde ich mir mal anschauen.</p> <blockquote> <p>PS: Mit „Ueberschrift“ willst du das immer noch bestehende Problem mit der Zeichencodierung umgehen? Schlau. Nicht.</p> </blockquote> <p>Ja, weil die Kollegen aus der LUG das ständig anmerken. Und die Seite wird später auf einem UTF8-Server veröffentlicht.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Fri, 29 May 20 22:11:07 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771260#m1771260 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771260#m1771260 <p>@@Kralle</p> <blockquote> <blockquote> <p>Und echt, so willst du das haben?</p> <p><a href="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png?size=medium" alt="Screenshot des Menüs" loading="lazy"></a> Wenn das Bil kleiner als, 1980 pixel Breit ist - ja. :-)</p> </blockquote> </blockquote> <p>Warum? Warum nicht so?</p> <p><img src="/images/fff57078-a1f7-11ea-98b0-b42e9947ef30.png" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text zentriert" loading="lazy"></p> <p>Oder so?</p> <p><img src="/images/f56e6196-a1f7-11ea-86b2-b42e9947ef30.png?" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text linsbündig" loading="lazy"></p> <blockquote> <blockquote> <p>Wenn alles andere links ausgerichtet ist, sollte das Logo nicht unbedingt mittig sein. Mittig über dem Container mit &quot;Linux User Group Bremerhaven&quot;</p> </blockquote> </blockquote> <p>Was ich meinte ist, dass es <s>sch</s> unvorteilhaft aussieht, wenn der Text „Linux User Group Bremerhaven“ links klebt und das Logo zentriert ist.</p> <p>(BTW, es sieht auch <s>sch</s> unvorteilhaft aus, das der Text im Logo nicht zentriert ist.)</p> <p>Aber bitte, auch <a href="https://codepen.io/gunnarbittersmann/pen/yLYmOXa" rel="noopener noreferrer">das geht</a> – jedenfalls in anständigen Browsern, die <code>gap</code> auch für Flexbox unterstützen. Aktuell nur in Firefox; aber auch schon in den 85er Canary-Versionen von Chrome und Edge. (84er Beta hab ich grad keine installiert. Kann das jemand anderes mal testen?)</p> <blockquote> <p>Und die Seite wird später auf einem UTF8-Server veröffentlicht.</p> </blockquote> <p>Warum erst später?</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> Home Office ist so frustierend, weil man jetzt noch viel stärker bemerkt mit wievielen Menschen man zu tun hat, die nicht sinnerfassend lesen können. (<a href="https://twitter.com/Grantscheam/status/1247046064504537092" rel="nofollow noopener noreferrer">@Grantscheam</a>)</div> </div> Probleme im header und mit der Breite Sat, 30 May 20 10:45:20 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771279#m1771279 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771279#m1771279 <p>Moin,</p> <blockquote> <p>Warum? Warum nicht so?</p> <p><img src="/images/fff57078-a1f7-11ea-98b0-b42e9947ef30.png" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text zentriert" loading="lazy"></p> </blockquote> <p>Das wäre natürlich noch besser. Geht das ohne JS?</p> <blockquote> <p>Oder so?</p> <p><img src="/images/f56e6196-a1f7-11ea-86b2-b42e9947ef30.png?" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text linsbündig" loading="lazy"></p> </blockquote> <p>Zentriert ist Besser.</p> <blockquote> <blockquote> <p>Mittig über dem Container mit "Linux User Group Bremerhaven"</p> </blockquote> <p>Was ich meinte ist, dass es <s>sch</s> unvorteilhaft aussieht, wenn der Text „Linux User Group Bremerhaven“ links klebt und das Logo zentriert ist.</p> <p>(BTW, es sieht auch <s>sch</s> unvorteilhaft aus, das der Text im Logo nicht zentriert ist.)</p> </blockquote> <p>Wenn das ohne JS geht, wäre das klasse.</p> <blockquote> <p>Aber bitte, auch <a href="https://codepen.io/gunnarbittersmann/pen/yLYmOXa" rel="noopener noreferrer">das geht</a></p> </blockquote> <p>Da sehe ich keine Veränderung, wenn ich im FF die Seite nach einen [STRG]+[Shift]+[m], die Seite verkleinere.</p> <blockquote> <blockquote> <p>Und die Seite wird später auf einem UTF8-Server veröffentlicht.</p> </blockquote> <p>Warum erst später?</p> </blockquote> <p>Weil es bei einem anderen Provider ist und ich dort keine Zugangsdaten habe. Ich bastel nur das Layout.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sat, 30 May 20 11:20:40 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771282#m1771282 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771282#m1771282 <p>@@Gunnar Bittersmann</p> <blockquote> <blockquote> <blockquote> <p><a href="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/38840336-a1cc-11ea-aad0-b42e9947ef30.png?size=medium" alt="Screenshot des Menüs" loading="lazy"></a></p> </blockquote> </blockquote> <p>Warum? Warum nicht so?</p> <p><img src="/images/fff57078-a1f7-11ea-98b0-b42e9947ef30.png" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text zentriert" loading="lazy"></p> </blockquote> <p>Da ging es mir allerdings nur um die Anordnung der 9 Elemente im Grid. 9 gleichartige Elemente: alles Besatzungsmitglieder der Voyager. (Ich zähle Neelix mal mit hinzu, wenngleich da nicht ganz korrekt sein mag.)</p> <p>Das ist in deinem Fall aber nicht gegeben:</p> <ul> <li> <p>„Home“, „Termin“, „Treffpunkt“ und „LPD“ (was immer das heißen mag) sind <strong>Navigationslinks</strong>.</p> </li> <li> <p>„Datenschutz“ und „Impressum“ sind <strong>keine Navigationslinks</strong>. Kein normaler Seitenbenutzer kommt auf deine Seite, um gezielt zu deiner Datenschutzerklärung zu navigieren.</p> <p>Die Punkte müssen natürlich vorhanden sein, aber nicht in der Hauptnavigation. Sie können im Seitenkopf untergebracht werden – dann gestalterisch von der Hauptnavigation abgesetzt. Oder aber unten im Seitenfooter.</p> </li> <li> <p>„Kontakt“ und „FAQ“ könnte man jeweils der einen oder anderen Gruppe zuordnen. Oder sie bilden eine eigene.</p> </li> <li> <p>„Login“ ist etwas ganz anderes: nämlich kein Link. Da gelangt man ja nicht zu einem anderen Ziel, sondern loggt sich auf dieser Seite ein. Eine Aktion – also ein <strong>Button</strong>.</p> <p>Es ist generell keine gute Idee, Links wie Buttons aussehen zu lassen oder andersrum. Links und Buttons haben unterschiedliche Funktionen, sollten also auch verschieden aussehen.</p> </li> </ul> <p>Das Markup könnte so aussehen:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>header</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Linux User Group Bremerhaven<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>nav</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Termin<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Treffpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>LPD<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>FAQ<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>nav</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span><span class="token punctuation">></span></span>Login<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>aside</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Datenschutz<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>…<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Impressum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>aside</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>header</span><span class="token punctuation">></span></span> </code></pre> <p>Gestaltung so in der Art:</p> <p><img src="/images/61ac8e78-a266-11ea-b346-b42e9947ef30.png" alt="" loading="lazy"></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 11:27:56 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771284#m1771284 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771284#m1771284 <p>@@Kralle</p> <blockquote> <blockquote> <p><img src="/images/fff57078-a1f7-11ea-98b0-b42e9947ef30.png" alt="Grid mit 5 Items in der 1. Zeile, 4 Items in der 2.Zeile; Text zentriert" loading="lazy"></p> </blockquote> <p>Das wäre natürlich noch besser. Geht das ohne JS?</p> </blockquote> <p>Klar geht das. Wenn du ein Grid willst, willst du <a href="https://codepen.io/gunnarbittersmann/pen/dyYxMXe" rel="noopener noreferrer">ein Grid</a>.</p> <blockquote> <p>Zentriert ist Besser.</p> </blockquote> <p>Warum? Damit’s mehr nach Button aussieht? Wie ich eben schrieb: <a href="https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771282#m1771282" rel="noopener noreferrer">Links sind keine Buttons.</a></p> <blockquote> <blockquote> <p>Aber bitte, auch <a href="https://codepen.io/gunnarbittersmann/pen/yLYmOXa" rel="noopener noreferrer">das geht</a></p> </blockquote> <p>Da sehe ich keine Veränderung, wenn ich im FF die Seite nach einen [STRG]+[Shift]+[m], die Seite verkleinere.</p> </blockquote> <p>Ich schon. Und bei Veränderung der Fensterbreite auch.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 12:22:51 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771287#m1771287 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771287#m1771287 <p>Hallo,</p> <blockquote> <p>alles Besatzungsmitglieder der Voyager. (Ich zähle Neelix mal mit hinzu, wenngleich da nicht ganz korrekt sein mag.)</p> </blockquote> <p>Warum sollte ein Koch kein Besatzungsmitglied sein?</p> <p>Gruß<br> Kalk</p> Probleme im header und mit der Breite Sat, 30 May 20 13:18:14 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771291#m1771291 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771291#m1771291 <p>@@Tabellenkalk</p> <blockquote> <blockquote> <p>alles Besatzungsmitglieder der Voyager. (Ich zähle Neelix mal mit hinzu, wenngleich da nicht ganz korrekt sein mag.)</p> </blockquote> <p>Warum sollte ein Koch kein Besatzungsmitglied sein?</p> </blockquote> <p>Hatte Neelix nicht eher den Status eines Passagiers? Er unterstand ja nicht der Sternenflotte.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 13:34:07 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771292#m1771292 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771292#m1771292 <p>Hallo,</p> <blockquote> <blockquote> <p>Voyager</p> </blockquote> </blockquote> <blockquote> <p>Passagier</p> </blockquote> <p>Da die Übersetzung von „Voyager“ „Reisender“ bzw. „<strong>Passagier</strong>“ ist, ist die Antwort darauf schwierig zu ergoogeln…</p> <p>Gruß<br> Kalk</p> Probleme im header und mit der Breite Sun, 31 May 20 17:14:43 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771353#m1771353 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771353#m1771353 <p>Hallo Gunnar,</p> <p>ok, let's geek out </p> <blockquote> <p>Hatte Neelix nicht eher den Status eines Passagiers? Er unterstand ja nicht der Sternenflotte.</p> </blockquote> <p>Das ist kein gültiges Argument. Chakotay, B'Ellana und Seven unterstehen ebenfalls nicht (mehr) der Sternenflotte.</p> <p>Ob jemand Besatzung ist, hängt wohl eher davon ab, ob der Kapitän ihn dazu macht.</p> <p>Und der Doktor? Es tut mir ja leid für Bob Picardo, aber ob eine Funktion des Bordcomputers als Besatzung gesehen werden kann - auch wenn ihn alle so behandeln - würde ich stark in Frage stellen.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> Probleme im header und mit der Breite Sat, 30 May 20 16:47:24 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771300#m1771300 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771300#m1771300 <p>Hallo,</p> <blockquote> <p>LPD steht für <a href="http://l-p-d.org/de/start" rel="nofollow noopener noreferrer">Linux-Presentation-Day</a>.</p> </blockquote> <p>okay, dann aber bitte ohne die Bindestriche.<br> Im Englischen werden Komposita (Wortkombinationen) in der Regel mit Leerzeichen getrennt geschrieben (z.B. <em>sports club</em>, <em>summer holiday</em>), manchmal mit Bindestrich, und nur selten ganz zusammengeschrieben (wie etwa <em>motorcycle</em>).<br> Ganz anders im Deutschen: Da gilt die Zusammenschreibung als Regelfall, die Schreibweise mit Bindestrich ist oft alternativ möglich, die völlige Getrenntschreibung gibt es dagegen gar nicht. Floskeln wie <em>Standard Verfahren</em> oder <em>Corona Shutdown</em> sind also schlichtweg falsch.</p> <p>Apropos Sprache:<br> <strong>Wegen der Corona-Pandemie, sind die meisten Lokalitäten ...</strong><br> Da ist ein Komma, das da nichts zu suchen hat. Dafür fehlt weiter hinten in demselben Satz eins.<br> Im weiteren Verlauf des Texts finde ich noch mehr Kommas<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>, die da nicht hingehören, ebenso wie Stellen, wo eins fehlt.</p> <blockquote> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe?</p> </blockquote> <p>Welche? "Linux", "Presentation" und "Day"? Die sind doch in einer Reihe. Was meinst du genau?</p> <blockquote> <p>P.S. Ich habe eine .htaccess hinterlegt :-)</p> </blockquote> <p>Schön. Und das heißt?</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Eigentlich <em>Kommata</em>, aber seit der Rechtschreibdeform darf man ja auch <em>Kommas</em> schreiben. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> Probleme im header und mit der Breite Sat, 30 May 20 17:06:11 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771302#m1771302 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771302#m1771302 <p>Hallo Martin,</p> <p>da hast Du etwas falsch verstanden. Ich wurde gefrage, wofür in meiner Menüleite "LPD" steht. Deshalb habe ich hier einen Verweis auf die offizielle deutsche Seite platziert. Dort werden die Worte mit Bindestrich geschrieben. Ich habe nichts mit den Inhalten der Seite zu schaffen.</p> <p>Wenn Du dem ganzen Thema gefolgt wärst, wüstest Du dass man mich mehrfach darauf hingewiesen hat, das die Testseite Umlaute falsch ausliefert, was ich durch die .htaccess beseitigt habe.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sat, 30 May 20 17:27:47 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771303#m1771303 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771303#m1771303 <p>@@Der Martin</p> <blockquote> <p>Im Englischen werden Komposita (Wortkombinationen) in der Regel mit Leerzeichen getrennt geschrieben (z.B. <em>sports club</em>, <em>summer holiday</em>), manchmal mit Bindestrich, und nur selten ganz zusammengeschrieben (wie etwa <em>motorcycle</em>).</p> </blockquote> <p>Wobei im Amerikanischen wohl mehr zusammengeschrieben wird als im Britischen. <a href="https://en.wikipedia.org/wiki/Home_Town_(song)" lang="en-GB" rel="nofollow noopener noreferrer">Home Town (Joe Jackson)</a> vs. <a href="https://en.wikipedia.org/wiki/My_Hometown" lang="en-US" rel="nofollow noopener noreferrer">My Hometown (Bruce Springsteen)</a></p> <blockquote> <p>Ganz anders im Deutschen: […] die völlige Getrenntschreibung gibt es dagegen gar nicht.</p> </blockquote> <p>Dafür, dass es sie gar nicht gibt, gibt es sie aber ziemlich oft. *seufz* (<a href="https://twitter.com/g16n/status/874252118407995392" rel="nofollow noopener noreferrer">Symbolbild</a>) </p> <blockquote> <p>Eigentlich <em>Kommata</em>, aber seit der Rechtschreibdeform darf man ja auch <em>Kommas</em> schreiben.</p> </blockquote> <p>Was genau hat die Grammatik mit der Rechtschreibdeform zu tun? Und ich habe auch schon früher <em>Kommas</em> gesagt. (Ich bin so für-mich-gibt-es-ein-Vor-der-Rechtschreibreform alt.)</p> <blockquote> <blockquote> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe?</p> </blockquote> <p>Welche? "Linux", "Presentation" und "Day"? Die sind doch in einer Reihe. Was meinst du genau?</p> </blockquote> <p>Vielleicht meint er eine horizontale Reihe, keine vertikale? Andere verwenden die Begriffe Spalte und Zeile, aber das wäre zu einfach.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 17:33:53 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771305#m1771305 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771305#m1771305 <p>Hallo Heiko,</p> <blockquote> <p>da hast Du etwas falsch verstanden.</p> </blockquote> <p>das kann schon sein.</p> <blockquote> <p>Ich wurde gefrage, wofür in meiner Menüleite "LPD" steht. Deshalb habe ich hier einen Verweis auf die offizielle deutsche Seite platziert.<br> Dort werden die Worte mit Bindestrich geschrieben. Ich habe nichts mit den Inhalten der Seite zu schaffen.</p> </blockquote> <p>Dann habe ich das tatsächlich falsch verstanden; ich dachte, die verlinkte Seite sei dein Werk. Sorry, dann gehen die Vorwürfe bezüglich der Schreibweisen und Zeichensetzung auch nicht an dich.</p> <blockquote> <p>Wenn Du dem ganzen Thema gefolgt wärst, ...</p> </blockquote> <p>Bin ich - zumindest oberflächlich.</p> <blockquote> <p>wüstest Du dass man mich mehrfach darauf hingewiesen hat, das die Testseite Umlaute falsch ausliefert, was ich durch die .htaccess beseitigt habe.</p> </blockquote> <p>Ja, gut. Die .htaccess ist aber einfach bloß eine Konfigurationsdatei für den Apache-Webserver. Die könnte für so ziemlich alles verantwortlich sein. Okay, fürs Wetter vielleicht nicht. Daher fehlte für mich die Info, <strong>was</strong> du mit einer .htaccess beeinflusst oder geändert hast.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sat, 30 May 20 17:41:45 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771308#m1771308 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771308#m1771308 <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>Im Englischen werden Komposita (Wortkombinationen) in der Regel mit Leerzeichen getrennt geschrieben (z.B. <em>sports club</em>, <em>summer holiday</em>), manchmal mit Bindestrich, und nur selten ganz zusammengeschrieben (wie etwa <em>motorcycle</em>).</p> </blockquote> <p>Wobei im Amerikanischen wohl mehr zusammengeschrieben wird als im Britischen. <a href="https://en.wikipedia.org/wiki/Home_Town_(song)" lang="en-GB" rel="nofollow noopener noreferrer">Home Town (Joe Jackson)</a> vs. <a href="https://en.wikipedia.org/wiki/My_Hometown" lang="en-US" rel="nofollow noopener noreferrer">My Hometown (Bruce Springsteen)</a></p> </blockquote> <p>ja, anscheinend ist das so.</p> <blockquote> <blockquote> <p>Ganz anders im Deutschen: […] die völlige Getrenntschreibung gibt es dagegen gar nicht.</p> </blockquote> <p>Dafür, dass es sie gar nicht gibt, gibt es sie aber ziemlich oft. *seufz* (<a href="https://twitter.com/g16n/status/874252118407995392" rel="nofollow noopener noreferrer">Symbolbild</a>) </p> </blockquote> <p>Leider. Besonders häufig in Werbung und Marketing. Ich sag nur: <strong>Volkswagen Original Teile</strong><br> Allerdings sehe ich in dem von dir verlinkten Tweet kein Symbolbild zu diesem Thema. Nur einen Bottich mit rotzgrüner Soljanka.</p> <blockquote> <blockquote> <p>Eigentlich <em>Kommata</em>, aber seit der Rechtschreibdeform darf man ja auch <em>Kommas</em> schreiben.</p> </blockquote> <p>Was genau hat die Grammatik mit der Rechtschreibdeform zu tun?</p> </blockquote> <p>Mit der Rechtschreib<s>r</s>deform wurden auch die landläufigen Pluralformen <em>Kommas</em>, <em>Atlasse</em> und noch ein paar andere Entgleisungen als richtig akzeptiert.</p> <blockquote> <blockquote> <blockquote> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe?</p> </blockquote> <p>Welche? "Linux", "Presentation" und "Day"? Die sind doch in einer Reihe. Was meinst du genau?</p> </blockquote> <p>Vielleicht meint er eine horizontale Reihe, keine vertikale?</p> </blockquote> <p>Ich hatte irrtümlich eine ganz andere Website betrachtet, die Heiko nur zur Info verlinkt hat. Typisches Mistverständnis. ;-)</p> <blockquote> <p>Andere verwenden die Begriffe Spalte und Zeile, aber das wäre zu einfach.</p> </blockquote> <p>Genau!</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sat, 30 May 20 18:06:06 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771311#m1771311 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771311#m1771311 <p>Moin,</p> <blockquote> <blockquote> <blockquote> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe?</p> </blockquote> </blockquote> <p>Vielleicht meint er eine horizontale Reihe, keine vertikale? Andere verwenden die Begriffe Spalte und Zeile, aber das wäre zu einfach.</p> </blockquote> <p>Ich meine die Worte "Linux", "User" und "Group", die gerne in einer Zeile hätte. Dabei sollen die "Großen" Anfangsbuchstaben aber erhalten bleiben.</p> <p>Gruß HEiko</p> Probleme im header und mit der Breite Sat, 30 May 20 17:38:34 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771307#m1771307 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771307#m1771307 <p>@@Der Martin</p> <blockquote> <p>Daher fehlte für mich die Info, <strong>was</strong> du mit einer .htaccess beeinflusst oder geändert hast.</p> </blockquote> <p><a href="https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770937#m1770937" rel="noopener noreferrer">Öhm …</a> Schau mal, da hat sich jemand als Der Martin ausgegeben!</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 17:43:21 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771309#m1771309 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771309#m1771309 <p>Hallo,</p> <blockquote> <blockquote> <p>Daher fehlte für mich die Info, <strong>was</strong> du mit einer .htaccess beeinflusst oder geändert hast.</p> </blockquote> <p><a href="https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1770937#m1770937" rel="noopener noreferrer">Öhm …</a> Schau mal, da hat sich jemand als Der Martin ausgegeben!</p> </blockquote> <p>Witz, komm raus! Du bist umzingelt!</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sat, 30 May 20 19:20:57 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771314#m1771314 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771314#m1771314 <p>@@Der Martin</p> <blockquote> <blockquote> <p>(<a href="https://twitter.com/g16n/status/874252118407995392" rel="nofollow noopener noreferrer">Symbolbild</a>) </p> </blockquote> <p>Allerdings sehe ich in dem von dir verlinkten Tweet kein Symbolbild zu diesem Thema. Nur einen Bottich mit rotzgrüner Soljanka.</p> </blockquote> <p>Das ist doch keine <a href="https://de.wikipedia.org/wiki/Soljanka" rel="nofollow noopener noreferrer">Soljanka</a> – das sieht man doch. Das ist <em>Klobrauch Soße</em> [sic!].</p> <p>Das Bild ist abgeschnitten; für das volle draufclicken oder in den <a href="https://twitter.com/DerWahreErich/status/874214585724751872" rel="nofollow noopener noreferrer">Tweet des Genossen Honecker</a> gehen.</p> <blockquote> <p>Mit der Rechtschreib<s>r</s>deform wurden auch die landläufigen Pluralformen <em>Kommas</em>, <em>Atlasse</em> und noch ein paar andere Entgleisungen als richtig akzeptiert.</p> </blockquote> <p>Da kram ich doch mal meinen Duden (Druckerschwärze auf Totholz, Leipzig, 1968) raus: <em>Komma</em> war schon damals als richtig akzeptiert.</p> <p><a href="/images/eb548fc4-a2aa-11ea-8e5d-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/eb548fc4-a2aa-11ea-8e5d-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> <p><em>Atlasse</em> nicht – jedenfalls nicht in der Bedeutung „plattgedrückter Globus“. Ist es das heute?</p> <p><a href="/images/fe56a922-a2aa-11ea-8868-b42e9947ef30.jpeg" rel="noopener noreferrer"><img src="/images/fe56a922-a2aa-11ea-8868-b42e9947ef30.jpeg?size=medium" alt="" loading="lazy"></a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 18:10:25 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771312#m1771312 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771312#m1771312 <p>Hallo,</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Wie bekomme ich die Drei Worte mit den großen Anfangsbuchstaben in eine Reihe?</p> </blockquote> </blockquote> <p>Vielleicht meint er eine horizontale Reihe, keine vertikale? Andere verwenden die Begriffe Spalte und Zeile, aber das wäre zu einfach.</p> </blockquote> <p>Ich meine die Worte "Linux", "User" und "Group", die gerne in einer Zeile hätte.</p> </blockquote> <p>du hast diese drei Wörter in je einen div-Container verpackt. Ein div ist aber "von Natur aus" ein Blockelement. Wenn du das nicht willst, verwende ein Inline-Element (z.B. span).</p> <blockquote> <p>Dabei sollen die "Großen" Anfangsbuchstaben aber erhalten bleiben.</p> </blockquote> <p>Das bleibt davon unberührt.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Ich stamme aus Ironien, einem Land am sarkastischen Ozean. </div> Probleme im header und mit der Breite Sat, 30 May 20 21:16:05 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771321#m1771321 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771321#m1771321 <p>@@Kralle</p> <blockquote> <p>Ich meine die Worte "Linux", "User" und "Group", die gerne in einer Zeile hätte.</p> </blockquote> <p>Für mich macht die Dopplung da oben keinen Sinn. Links das Ortseingangsschild mit dem Text „LUG Bremerhaven“, rechts daneben nochmal (fast) derselbe Text „Linux User Group Bremerhaven“?</p> <p>Schreib doch die Abkürzung auf dem Ortseingangsschild aus und verzichte auf den Text daneben.</p> <p><a href="/images/7711d2ce-a2ba-11ea-a89e-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/7711d2ce-a2ba-11ea-a89e-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p>Die Schrift sollte aber schon nach Ortseingangsschild aussehen, also in der Schriftart DIN (es gibt auch kostenlose Nachahmungen davon) gesetzt sein. <s>Zumindet in einer ähnlich anmutenden Schrift wie bspw. Roboto oder Graphik (jetzt <a href="https://typography.guru/journal/awesome-catalina-fonts/" rel="nofollow noopener noreferrer">für macOS verfügbar</a>).</s></p> <p>Edit: Letzten Satz gestrichen. Wenn man ein Ortseingangsschild haben will, dann soll das auch nach Verkehrsschild aussehen. Also DIN(-Nachahmung), keine andere Schrift.</p> <blockquote> <p>Dabei sollen die "Großen" Anfangsbuchstaben aber erhalten bleiben.</p> </blockquote> <p>Kann man machen. Das macht das Schild aber nicht unbedingt besser.</p> <p><a href="/images/1e594c4c-a2bb-11ea-8b2c-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/1e594c4c-a2bb-11ea-8b2c-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Sat, 30 May 20 19:26:32 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771315#m1771315 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771315#m1771315 <p>Bei einem <code><span></code> kann man <code>first-letter</code> nicht einsetzen.</p> <p>Gruß Heiko</p> Probleme im header und mit der Breite Sun, 31 May 20 11:05:06 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771339#m1771339 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771339#m1771339 <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>Das ist doch keine <a href="https://de.wikipedia.org/wiki/Soljanka" rel="nofollow noopener noreferrer">Soljanka</a> – das sieht man doch. Das ist <em>Klobrauch Soße</em> [sic!].</p> </blockquote> <p>SOSSE [sic!]</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> Probleme im header und mit der Breite Sat, 30 May 20 21:43:14 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771324#m1771324 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771324#m1771324 <p>@@Kralle</p> <blockquote> <p>Bei einem <code><span></code> kann man <code>first-letter</code> nicht einsetzen.</p> </blockquote> <p><a href="https://codepen.io/gunnarbittersmann/pen/oNjKqOX" lang="en" rel="noopener noreferrer">Hold my beer!</a></p> <p>Ob <code>::first-letter</code> wirkt oder nicht, dafür ist nicht der Typ des Elements entscheidend, sondern der Wert der <code>display</code>-Eigenschaft.</p> <p>Setze <code class="language-css"><span class="token selector">span</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block <span class="token punctuation">}</span></code> und schon geht’s.</p> <p>Firefox zeigt bei der Vergrößerung der jeweils ersten Buchstaben ein merkwürdiges Verhalten. Vergrößert der die Leerzeichen vor dem Buchstaben mit? Ich musste im Codepen mit einem Hack dagegen ansteuern.</p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Mon, 01 Jun 20 06:28:34 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771363#m1771363 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771363#m1771363 <p>@@Rolf B</p> <blockquote> <blockquote> <p>Hatte Neelix nicht eher den Status eines Passagiers? Er unterstand ja nicht der Sternenflotte.</p> </blockquote> <p>Das ist kein gültiges Argument. Chakotay, B'Ellana und Seven unterstehen ebenfalls nicht (mehr) der Sternenflotte.</p> </blockquote> <p>War es nicht Teil des Deals des gemeinsamen Rückflugs, dass die ehemaligen Marquis der Sternenflotte unterstehen? Sie trugen dann ja auch Sternenflotten-Uniformen.</p> <p>Bei Seven od Nine bin ich mir nicht mehr sicher. Sie trug Zivil, nicht wahr? Oder am Ende dann auch Uniform?</p> <blockquote> <p>ob eine Funktion des Bordcomputers als Besatzung gesehen werden kann - auch wenn ihn alle so behandeln - würde ich stark in Frage stellen.</p> </blockquote> <p>Die ethische Frage, welche Rechte ein Hologramm hat, ob es als Lebensform akzeptiert wird, wurde öfter thematisiert. Für Androiden bei TNG.</p> <p>Die zentrale Frage bei Star Trek: <em>Was heißt es, Mensch zu sein?</em></p> <p lang="en"> Stay hard! Stay hungry! Stay alive! <strong>Stay home!</strong></p> <div class="signature">-- <br> <em>“Turn off CSS. If the page makes no sense, fix your markup.”</em> —fantasai </div> Probleme im header und mit der Breite Mon, 01 Jun 20 12:26:45 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771367#m1771367 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771367#m1771367 <p>Hi there,</p> <blockquote> <p>Die zentrale Frage bei Star Trek: <em>Was heißt es, Mensch zu sein?</em></p> </blockquote> <p>Das ist Deine Interpretation. Mir stellt sich immer die zentrale Frage, wie lange kann ich zusehen, ohne einzuschlafen...</p> Gelöst: Probleme im header und mit der Breite Sat, 06 Jun 20 14:03:03 Z https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771560#m1771560 https://forum.selfhtml.org/self/2020/may/24/probleme-im-header-und-mit-der-breite/1771560#m1771560 <p>Den aktuellen Stand findet Ihr nicht wie oben angegeben, sondern hier: <a href="https://www.lug-bremerhaven.de/" rel="nofollow noopener noreferrer">https://www.lug-bremerhaven.de/</a></p> <p>Gruß Heiko</p>