tag:forum.selfhtml.org,2005:/selfAlte Webside für Mobilgeräte anpassen – SELFHTML-Forum2021-08-03T19:18:11Zhttps://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790285?srt=yes#m1790285Chico_wauBruno.Scharnberg@t-online.dehttp://www.ahnenforschung-scharnberg.de2021-07-18T10:20:52Z2021-07-18T21:09:21ZAlte Webside für Mobilgeräte anpassen<p>Hallo Leute,</p>
<p>ich bin ein etwas älteres Semester (Jahrgang 1944) und habe meine Homepage (<a href="http://www.ahnenforschung-scharnberg.de" rel="nofollow noopener noreferrer">http://www.ahnenforschung-scharnberg.de</a>) vor 18 Jahren erstellt, nachdem ich mir Selfhtml und CSS autodidaktisch beigebracht habe. Seitdem wird nach altem Standard nur noch ergänzt und erweitert.</p>
<p>2003 waren Mobilgeräte noch nicht so vertreten wie heute, deshalb ist die Seite auch nicht an Mobilgeräte angepasst. Geht das auf einfache Weise oder muss ich dafür Selfhtml und CSS komplett neu lernen? Google beklagt sich z.B., dass die Nutzerfreundlichkeit meiner Seite für Mobilgeräte schlecht sei - und das kann ich auch verstehen.
Ich würde meine Seite gern an die heutigen Mobilgeräte anpassen, weiß aber nicht, ob ich die dafür notwendigen Techniken überhaupt noch verstehe.</p>
<p>Gibt es dafür eine einfache Methode, die selbst ich verstehe?</p>
<p>Wäre für einen Tipp sehr dankbar.</p>
<p>LG Chico</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790286?srt=yes#m1790286Matthias Scharwiesmscharwies@selfhtml.org2021-07-18T10:45:38Z2021-07-18T10:55:04ZAlte Webside für Mobilgeräte anpassen<p>Servus!</p>
<blockquote>
<p>Hallo Leute,</p>
<p>ich bin ein etwas älteres Semester (Jahrgang 1944) und habe meine Homepage (www.ahnenforschung-scharnberg.de) vor 18 Jahren erstellt, nachdem ich mir Selfhtml und CSS autodidaktisch beigebracht habe.</p>
</blockquote>
<p>Herzlich willkommen zurück!</p>
<blockquote>
<p>2003 waren Mobilgeräte noch nicht so vertreten wie heute, deshalb ist die Seite auch nicht an Mobilgeräte angepasst. Geht das auf einfache Weise oder muss ich dafür Selfhtml und CSS komplett neu lernen? Google beklagt sich z.B., dass die Nutzerfreundlichkeit meiner Seite für Mobilgeräte schlecht sei - und das kann ich auch verstehen.
Ich würde meine Seite gern an die heutigen Mobilgeräte anpassen, weiß aber nicht, ob ich die dafür notwendigen Techniken überhaupt noch verstehe.</p>
</blockquote>
<blockquote>
<p>Gibt es dafür eine einfache Methode, die selbst ich verstehe?</p>
</blockquote>
<ul>
<li><a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign" rel="nofollow noopener noreferrer">HTML/Tutorials/responsive_Webdesign</a></li>
</ul>
<p>Lies dir mal die ersten zwei Kapitel zum Grundverständnis durch, dann das dritte, was konkret geändert werden soll.</p>
<p>In Deinem Fall auf die Schnelle:</p>
<ol>
<li><strong>HTML-Grundgerüst</strong></li>
</ol>
<pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">doctype</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</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 punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<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>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1.0<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
</code></pre>
<p>Achtung: Zeichencodierung nicht nur angeben, sondern alle Dateien auch so speichern.</p>
<ol start="2">
<li>
<p>Ich würde die Navigation und die linke Spalte in einer Navigation zusammenfassen. Deine Familie zuerst und dann die Namensliste, alte Zeiten, etc.</p>
</li>
<li>
<p><strong>HTML5-Elemente</strong> anstelle von divs</p>
</li>
<li>
<p><strong>CSS</strong> Bis jetzt hast du floats verwendet. Studier mal das <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid" rel="nofollow noopener noreferrer">Grid Layout </a>und versuche (d)eine Seitenstruktur in Grid Layout zu realisieren.</p>
</li>
</ol>
<p>Du kannst uns jederzeit fragen, wenn Du nicht weiter weißt!</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790289?srt=yes#m1790289klawischnigg2021-07-18T11:54:05Z2021-07-18T11:56:20ZAlte Webside für Mobilgeräte anpassen<p>Hi there,</p>
<blockquote>
<p>Ich würde meine Seite gern an die heutigen Mobilgeräte anpassen, weiß aber nicht, ob ich die dafür notwendigen Techniken überhaupt noch verstehe.</p>
</blockquote>
<p>Die Technik dahinter ist nicht so kompliziert, soweit ich das bei Deiner Seite gesehen habe wird's beim Content eher ohnehin wenig Probleme geben, was Du Dir aber überlegen mußt, wie Du Deine Menüstruktur auf einem Mobilgerät realisieren willst.</p>
<p>Wenn Du (eine andere Möglichkeit gibts imho eh nicht) die Menüzeile oben als Hauptmenü und die Menüpunkte, die jetzt links stehen, als Submenü ausführst, dann
stellt sich vor allem die Frage, wie Du Deine Seite überhaupt generierst. Schreibst Du das alles in einem Editor oder erzeugst Du Menü und/oder Inhalt aus einer Datenbank? In letzterem Fall wären Änderungen am Menü natürlich um einiges weniger aufwendig.</p>
<blockquote>
<p>Gibt es dafür eine einfache Methode, die selbst ich verstehe?</p>
</blockquote>
<p>Nachdem ich nicht verstehe, was Du verstehst, verstehe ich nicht, was ich Dir drauf antworten soll. Ich denke halt, vor einer Änderung solltest Du Dir im Klaren sein, wie Deine Seite auf Mobilgeräten aussehen soll und wie Du das wie oben beschrieben organisieren willst. Wenn Du damit mit Dir im Reinen bist( ), dann erst machen Fragen über Gridlayout, Utf8-Codierung oder wie das generell technisch umzusetzen ist, Sinn...</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790638?srt=yes#m1790638Manuel Schlier2021-08-03T19:18:11Z2021-08-03T19:18:11ZAlte Webside für Mobilgeräte anpassen<p>Wenn du die Seite nicht komplett umgestalten willst (was ich dir beim Anblick raten würde) könntest du es mit einem leichtgewichtigen modularen CSS Framework versuchen z.B. Pure CSS (https://purecss.io) dort kannst du nur einzelne Elemente des Frameworks benutzen z.B. Grid, Buttons usw.</p>
<p>Besser wäre aber ein komplettes Redesign mit einem umfangreicheren Framework z.B Bulma (https://bulma.io) oder Bootstrap (https://getbootstrap.com) zu den letzten beiden findest du auch jede Menge Dokumentation im Internet und wenn man einmal das Prinzip verstanden hat ist es nicht schwer, auch nicht für Mobilgeräte Layouts. Im Grunde passt man nur die Spaltenbreiten für die Geräteklassen entsprechend an.</p>
<div class="signature">-- <br>
I like 2 Code
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790287?srt=yes#m1790287Matthias Scharwiesmscharwies@selfhtml.org2021-07-18T11:06:00Z2021-07-18T11:17:23ZAlte Webside für Mobilgeräte anpassen<p>Servus!</p>
<p>Du hast ein ziemliches Chaos, das wsl. so gewachsen ist:</p>
<pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam87<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>gr<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>LENCKERSTORP Andreas<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>br</span> <span class="token punctuation">/></span></span>* 1696 Gr<span class="token entity named-entity" title="ö">ö</span>nwohld (Papierm<span class="token entity named-entity" title="ü">ü</span>hle) <span class="token entity" title="†">†</span> 16.11.1746 Trittau
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span>Eltern: <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>baum.html#fam88<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Linckerstorp M. Andreas<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>baum.html#fam18<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Burmeister Anse <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>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam<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>b</span><span class="token punctuation">></span></span>oo 11.11.1725<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> Trittau
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fr<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>STEFFEN Cathrin Elsabe<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> ev
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span><span class="token entity" title="†">†</span> 01.01.1755 Trittau
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>kind<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>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>Hans Hinrich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> <span class="token entity" title="†">†</span> Mai 1730 Trittau<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>b</span><span class="token punctuation">></span></span>Anna Dorothea<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> * 14.09.1730
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ehe<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>oo 16.07.1756 Trittau, <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>baum.html#fam93<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Meins Frantz<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>div</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>b</span><span class="token punctuation">></span></span>Unbekannt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> * Jan. 1737 Trittau [] 27.03.1740 Trittau<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>ol</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
</code></pre>
<p>Ich würde die Familien in ein eigenes div-Element packen und dann evtl dl-Listen verwenden:</p>
<p><a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Listen/Beschreibungslisten" rel="nofollow noopener noreferrer">HTML/Tutorials/Listen/Beschreibungslisten</a></p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam87<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam<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>h2</span><span class="token punctuation">></span></span>LENCKERSTORP Andreas<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>*<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>1696 Grönwohld (Papiermühle)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>†<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>16.11.1746 Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Eltern<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</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>baum.html#fam88<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Linckerstorp M. Andreas<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>baum.html#fam18<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Burmeister Anse <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>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>∞<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>11.11.1725<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>frau<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Frau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>STEFFEN Cathrin Elsabe ev<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>†<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>01.01.1755 Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Kinder<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>Hans Hinrich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>*<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>Mai 1730 Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dl</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token punctuation">></span></span><span class="token comment"><!--- sollte auch in obere dl eingefügt werden! ---></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ol</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>kind<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>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>Hans Hinrich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> <span class="token entity" title="†">†</span> Mai 1730 Trittau<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>b</span><span class="token punctuation">></span></span>Anna Dorothea<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> * 14.09.1730
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ehe<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>oo 16.07.1756 Trittau, <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>baum.html#fam93<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Meins Frantz<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>div</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>b</span><span class="token punctuation">></span></span>Unbekannt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> * Jan. 1737 Trittau [] 27.03.1740 Trittau<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>ol</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
</code></pre>
<p>Wenn Du alles in utf-8 gespeichert hast, kannst du auch auf die HTML-Entities <code>ü</code>usw. verzichten.</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790288?srt=yes#m1790288Der Martin2021-07-18T11:47:03Z2021-07-18T11:47:03ZAlte Webside für Mobilgeräte anpassen<p>Hallo,</p>
<blockquote>
<p>Wenn Du alles in utf-8 gespeichert hast, kannst du auch auf die HTML-Entities <code>ü</code>usw. verzichten.</p>
</blockquote>
<p>die sind auch dann schon überflüssig, wenn man eine ältere 8bit-Codierung wie ISO-8859-x oder Windows-1252 (im Windows-Jargon gelegentlich auch ANSI genannt) verwendet. Also eigentlich schon immer. </p>
<p>Man braucht sie eigentlich nur, wenn der begründete Verdacht besteht, dass eines der beteiligten Systeme oder Programme "nur" ASCII beherrscht. Und sowas ist mir seit rund 25 Jahren nicht mehr begegnet.</p>
<p>Anders sieht es mit den <a href="https://wiki.selfhtml.org/wiki/Zeichenreferenz#HTML-eigene_Zeichen" rel="nofollow noopener noreferrer">HTML-Sonderzeichen</a> aus: <, " und eventuell '<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> sowie & braucht man, weil die Zeichen, die sie repräsentieren, in HTML bzw. in einem Link eine spezielle Bedeutung haben, wenn sie unmaskiert auftreten.</p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>Nur wenn man Attributwerte in einfache Hochkommata einschließt (nicht empfohlen) <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790298?srt=yes#m1790298Robert B.2021-07-19T08:08:38Z2021-07-19T08:08:38ZAlte Webside für Mobilgeräte anpassen<p>Moin</p>
<blockquote>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam87<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>fam<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>h2</span><span class="token punctuation">></span></span>LENCKERSTORP Andreas<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dl</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>*<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>1696 Grönwohld (Papiermühle)<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>†<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span>16.11.1746 Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>Eltern<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</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>baum.html#fam88<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Linckerstorp M. Andreas<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>baum.html#fam18<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Burmeister Anse <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>dd</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span><span class="token punctuation">></span></span>∞<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>11.11.1725<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
…
</code></pre>
</blockquote>
<p>sind denn die Zeichen <code>*</code>, <code>†</code> und <code>∞</code> barrierefrei genug oder sollte es da noch zusätzliche Informationen geben, z.B.</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dfn</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>geboren<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>dfn</span><span class="token punctuation">></span></span>
</code></pre>
<p>Gerade <code>∞</code> ist ja weder in der Theorie („<em>bis</em> dass der Tod euch scheidet“) noch der Praxis unendlich.</p>
<p>Viele Grüße<br>
Robert</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790290?srt=yes#m1790290Der Martin2021-07-18T12:08:05Z2021-07-18T12:08:05ZAlte Webside für Mobilgeräte anpassen<p>Hallo,</p>
<blockquote>
<blockquote>
<p>Gibt es dafür eine einfache Methode, die selbst ich verstehe?</p>
</blockquote>
<p>Nachdem ich nicht verstehe, was Du verstehst, verstehe ich nicht, was ich Dir drauf antworten soll.</p>
</blockquote>
<p>die Frage verstehe ich schon (glaube ich), aber die Antwort ist trotzdem unbequem: Responsivität, also nutzerfreundliches Verhalten der Anzeige auch unter beengten Verhältnissen, wie man sie halt bei Mobilgeräten hat, kann man nicht mal eben so nachrüsten. Dazu braucht es schon eine klare, saubere Strukturierung, auf die man dann mit einem flexiblen CSS aufsetzen kann.</p>
<p>Flexibles CSS heißt: Möglichst keine festen Größenangaben; das Layout so wenig wie möglich einengen, sondern frei fließen lassen; ein Raster (soweit sinnvoll und gewünscht) z.B. mit CSS-grid realisieren; eventuell mit Media-Queries auf stark unterschiedliche Display-Größen reagieren.</p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790291?srt=yes#m1790291klawischnigg2021-07-18T12:23:47Z2021-07-18T12:23:47ZAlte Webside für Mobilgeräte anpassen<p>Hi there,</p>
<blockquote>
<blockquote>
<blockquote>
<p>Gibt es dafür eine einfache Methode, die selbst ich verstehe?</p>
</blockquote>
<p>Nachdem ich nicht verstehe, was Du verstehst, verstehe ich nicht, was ich Dir drauf antworten soll.</p>
</blockquote>
<p>die Frage verstehe ich schon (glaube ich)[...],</p>
</blockquote>
<p>Die Frage hab ich auch verstanden, was ich meinte, daß ich seinen Wissensstand nicht kenne und somit auch nicht beurteilen kann, was er unter "einfach" versteht.</p>
<blockquote>
<p>aber die Antwort ist trotzdem unbequem: Responsivität, also nutzerfreundliches Verhalten der Anzeige auch unter beengten Verhältnissen, wie man sie halt bei Mobilgeräten hat, kann man nicht mal eben so nachrüsten. Dazu braucht es schon eine klare, saubere Strukturierung, auf die man dann mit einem flexiblen CSS aufsetzen kann.</p>
</blockquote>
<p>Deswegen hab ich ja geschrieben, daß er sich vorher ein paar grundlegende Gedanken darüber machen sollte, ehe er sich mit technischem Kleinkram beschäftigt…</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790299?srt=yes#m1790299Der Martin2021-07-19T08:21:19Z2021-07-19T08:21:19ZAlte Webside für Mobilgeräte anpassen<p>Hallo,</p>
<blockquote>
<p>sind denn die Zeichen <code>*</code>, <code>†</code> und <code>∞</code> barrierefrei genug oder sollte es da noch zusätzliche Informationen geben, z.B.</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dfn</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>geboren<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>dfn</span><span class="token punctuation">></span></span>
</code></pre>
<p>Gerade <code>∞</code> ist ja weder in der Theorie („<em>bis</em> dass der Tod euch scheidet“) noch der Praxis unendlich.</p>
</blockquote>
<p>zumal das korrekte Zeichen in der Genealogie eigentlich aus zwei ineinander verschlungenen Ringen besteht, AFAIK. Weiß aber nicht, ob Unicode das hergibt.</p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790300?srt=yes#m1790300Matthias Scharwiesmscharwies@selfhtml.org2021-07-19T08:36:17Z2021-07-19T08:36:17Zdl - Text durch passendes Unicode-Symbol ersetzen<p>Servus!</p>
<p>sorry, das war gestern auf die schnelle mal nur angeregt.</p>
<blockquote>
<p>zumal das korrekte Zeichen in der Genealogie eigentlich aus zwei ineinander verschlungenen Ringen besteht, AFAIK. Weiß aber nicht, ob Unicode das hergibt.</p>
</blockquote>
<p>Ich auch nicht. Hab's mal rausgesucht:</p>
<h3>⚭</h3><p>Also im HTML-Markup so:</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dt</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>married<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>verheiratet<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dt</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>dd</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>11.11.1725<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</span><span class="token punctuation">></span></span> Trittau<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>dd</span><span class="token punctuation">></span></span>
</code></pre>
<p>und im CSS so:</p>
<pre><code class="block language-css"><span class="token selector">.married</span> <span class="token punctuation">{</span>
<span class="token property">border</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token property">font</span><span class="token punctuation">:</span> 0/0 a<span class="token punctuation">;</span>
<span class="token property">text-shadow</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span>
<span class="token property">color</span><span class="token punctuation">:</span> transparent<span class="token punctuation">;</span>
<span class="token property">background</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">"image-replacement.png"</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">.married::after</span> <span class="token punctuation">{</span>
<span class="token property">content</span><span class="token punctuation">:</span><span class="token string">'⚭'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
Einfach mal was von der <a href="https://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a> auf die Was-Solls-Liste setzen.“
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790301?srt=yes#m1790301Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-07-19T09:29:36Z2021-07-19T09:30:31ZAlte Webside für Mobilgeräte anpassen<p>@@Der Martin</p>
<blockquote>
<blockquote>
<p>Gerade <code>∞</code> ist ja weder in der Theorie („<em>bis</em> dass der Tod euch scheidet“) noch der Praxis unendlich.</p>
</blockquote>
<p>zumal das korrekte Zeichen in der Genealogie eigentlich aus zwei ineinander verschlungenen Ringen besteht, AFAIK. Weiß aber nicht, ob Unicode das hergibt.</p>
</blockquote>
<p>Öffne die Zeichenübersicht, tippe „marr…“ ins Suchfeld.</p>
<p><a href="/images/cc99f67c-e873-11eb-978c-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/cc99f67c-e873-11eb-978c-b42e9947ef30.png?size=medium" alt="… finde U+26AD marriage symbol" loading="lazy"></a></p>
<p> LLAP</p>
<div class="signature">-- <br>
<em>„Man darf die Klimakrise doch echt jetzt nicht überbewerten.<br>
Es ist gar nicht klar, ob 2022 wieder Extremregen und Hochwasser bringt oder ob es ein ganz gewöhnliches Dürrejahr wird.“</em><br>
— @HalleVerkehrt
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790302?srt=yes#m1790302Rolf B2021-07-19T09:54:02Z2021-07-19T09:54:02ZAlte Webside für Mobilgeräte anpassen<p>Hallo Gunnar,</p>
<p>hast Du auch einen guten Vorschlag, wie man die Symbole mit zugänglichem Text versieht? Das title-Attribut wird da relativ schlecht gemacht.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - obstruxi
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790303?srt=yes#m1790303Der Martin2021-07-19T10:08:21Z2021-07-19T10:08:21ZAlte Webside für Mobilgeräte anpassen<p>Hallo Gunnar,</p>
<p>als ich gesehen habe, dass du dich auch im Thread zu Wort meldest, dachte ich erst, du wolltest den Ausdruck <em>Webside</em> kritisieren.</p>
<p>Dann mach ich das jetzt mal:</p>
<ul>
<li><strong>Webseite</strong> (englisch <em>web page</em>) ist eine einzelne Seite eines Webauftritts.</li>
<li><strong>Website</strong> (im Englischen gewöhnlich getrennt geschrieben: <em>web site</em>) ist die Gesamtheit aller zu einem Webauftritt gehörenden Seiten.</li>
</ul>
<p>Aber <strong>Webside</strong> gibt es nicht - oder höchstens im übertragenen Sinn (<em>The dark side of the web</em>).</p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790304?srt=yes#m1790304JürgenBhttps://www.j-berkemeier.de2021-07-19T10:17:24Z2021-07-19T10:17:24ZAlte Webside für Mobilgeräte anpassen<p>Hallo Rolf,</p>
<blockquote>
<p>hast Du auch einen guten Vorschlag, wie man die Symbole mit zugänglichem Text versieht? Das title-Attribut wird da relativ schlecht gemacht.</p>
</blockquote>
<p>mit vor Sehenden verstecktem Text.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790305?srt=yes#m1790305Robert B.2021-07-19T10:19:17Z2021-07-19T10:19:17ZAlte Webside für Mobilgeräte anpassen<p>Moin</p>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<p>von</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
<p> </p>
<p>Viele Grüße<br>
Robert</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790310?srt=yes#m1790310Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-07-19T11:25:44Z2021-07-19T11:28:25ZAlte Webside für Mobilgeräte anpassen<p>@@Der Martin</p>
<blockquote>
<p>als ich gesehen habe, dass du dich auch im Thread zu Wort meldest, dachte ich erst, du wolltest den Ausdruck <em>Webside</em> kritisieren.</p>
</blockquote>
<p>Bin im Urlaubsmodus; da kann mir sowas schon mal durch die Lappen gehen. </p>
<p> LLAP</p>
<div class="signature">-- <br>
<em>„Man darf die Klimakrise doch echt jetzt nicht überbewerten.<br>
Es ist gar nicht klar, ob 2022 wieder Extremregen und Hochwasser bringt oder ob es ein ganz gewöhnliches Dürrejahr wird.“</em><br>
— @HalleVerkehrt
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790306?srt=yes#m1790306Der Martin2021-07-19T10:25:14Z2021-07-19T10:25:14ZAlte Webside für Mobilgeräte anpassen<p>Hallo Robert,</p>
<blockquote>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<p>von</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>fast getroffen. <br>
Das kannte ich übrigens noch nicht, danke.</p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<p>PS: Deine Farbe ist ein sattes Telebum-Magenta. Ich hätte eher #F8C genommen.</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790314?srt=yes#m1790314Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-07-20T06:30:19Z2021-07-20T06:30:19ZAlte Webside für Mobilgeräte anpassen<p>@@Robert B.</p>
<blockquote>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<p>von</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p><a href="https://noti.st/matuzo/KlSsWY/the-dark-side-of-the-grid#sNOJpXr" lang="en" rel="nofollow noopener noreferrer">The dark side of the grid</a> von Manuel Matuzovic.</p>
<p> LLAP</p>
<div class="signature">-- <br>
<em>„Man darf die Klimakrise doch echt jetzt nicht überbewerten.<br>
Es ist gar nicht klar, ob 2022 wieder Extremregen und Hochwasser bringt oder ob es ein ganz gewöhnliches Dürrejahr wird.“</em><br>
— @HalleVerkehrt
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790307?srt=yes#m1790307Robert B.2021-07-19T10:33:33Z2021-07-19T10:33:33ZAlte Webside für Mobilgeräte anpassen<p>Moin Martin,</p>
<blockquote>
<blockquote>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<p>von</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>fast getroffen. <br>
Das kannte ich übrigens noch nicht, danke.</p>
</blockquote>
<p>Mir fiel dazu direkt <em>The dark side of the Moon</em> ein – das ist ja von Pink Floyd (und man muss es mit guten Kopfhörern hören).</p>
<blockquote>
<p>PS: Deine Farbe ist ein sattes Telebum-Magenta. Ich hätte eher #F8C genommen.</p>
</blockquote>
<p>Das von mir verwendete „Pink“ kenne ich als Farbe um Auffälligkeiten in Bildern (vor allem Screenshots) per Rahmen hervorzuheben. Es ist so knallig, dass es direkt auffällt und es ist eine Farbe, die normalerweise nicht anderweitig verwendet wird.</p>
<p>Viele Grüße<br>
Robert</p>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790309?srt=yes#m1790309kai3452021-07-19T10:39:01Z2021-07-19T10:39:01ZAlte Webside für Mobilgeräte anpassen<p><code>printf('Hallo %s!', ['Du', 'ihr', 'Welt', 'zusammen'][rand(0, 3)]);</code></p>
<blockquote>
<blockquote>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
</blockquote>
<p>[...]</p>
<blockquote>
<p>PS: Deine Farbe ist ein sattes Telebum-Magenta.[…]</p>
</blockquote>
<p>Nö, <a href="https://de.wikipedia.org/wiki/Magenta_(Farbe)" rel="nofollow noopener noreferrer">siehe Wikipedia</a>. Auf der Seite kann man deutlich sehen, daß ein erheblicher Farbunterschied (Farben links oben zu rechts unten) besteht</p>
<p>/K</p>
<div class="signature">-- <br>
<a href="https://www.youtube.com/watch?v=oj10ikQEFlw" rel="nofollow noopener noreferrer">Ceterum censeo LEGO® esse delendam</a>
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790308?srt=yes#m1790308Der Martin2021-07-19T10:37:30Z2021-07-19T10:37:30ZAlte Webside für Mobilgeräte anpassen<p>Hallo,</p>
<blockquote>
<p>Moin Martin,</p>
<blockquote>
<blockquote>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>Das kannte ich übrigens noch nicht, danke.</p>
</blockquote>
<p>Mir fiel dazu direkt <em>The dark side of the Moon</em> ein</p>
</blockquote>
<p><em>das</em> sagt mir immerhin was, wenn auch nur dem Titel nach.</p>
<blockquote>
<p>Das von mir verwendete „Pink“ kenne ich als Farbe um Auffälligkeiten in Bildern (vor allem Screenshots) per Rahmen hervorzuheben. Es ist so knallig, dass es direkt auffällt und es ist eine Farbe, die normalerweise nicht anderweitig verwendet wird.</p>
</blockquote>
<p>Das ist (hoffentlich) richtig. </p>
<p>Live long and <s>pros</s> healthy,<br>
Martin</p>
<div class="signature">-- <br>
Fische, die bellen, beißen nicht.
</div>
https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790359?srt=yes#m1790359Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2021-07-22T06:33:54Z2021-07-22T06:35:55ZAlte Webside für Mobilgeräte anpassen<p>@@Gunnar Bittersmann</p>
<blockquote>
<blockquote>
<blockquote>
<p>(<em>The dark side of the web</em>).</p>
</blockquote>
<p>von</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">color</span><span class="token punctuation">:</span>#f0f</span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>Flyod<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p><a href="https://noti.st/matuzo/KlSsWY/the-dark-side-of-the-grid#sNOJpXr" lang="en" rel="nofollow noopener noreferrer">The dark side of the grid</a> von Manuel Matuzovic.</p>
</blockquote>
<p><a href="https://twitter.com/IrenaBuzarewicz/status/1371713703104630789" rel="nofollow noopener noreferrer">The dark side of the mind</a> von Pink Freud.</p>
<p> LLAP</p>
<div class="signature">-- <br>
<em>„Man darf die Klimakrise doch echt jetzt nicht überbewerten.<br>
Es ist gar nicht klar, ob 2022 wieder Extremregen und Hochwasser bringt oder ob es ein ganz gewöhnliches Dürrejahr wird.“</em><br>
— @HalleVerkehrt
</div>