tag:forum.selfhtml.org,2005:/self Alte Webside für Mobilgeräte anpassen – SELFHTML-Forum 2021-08-03T19:18:11Z https://forum.selfhtml.org/self/2021/jul/18/alte-webside-fur-mobilgerate-anpassen/1790285?srt=yes#m1790285 Chico_wau Bruno.Scharnberg@t-online.de http://www.ahnenforschung-scharnberg.de 2021-07-18T10:20:52Z 2021-07-18T21:09:21Z Alte 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#m1790286 Matthias Scharwies mscharwies@selfhtml.org 2021-07-18T10:45:38Z 2021-07-18T10:55:04Z Alte 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#m1790289 klawischnigg 2021-07-18T11:54:05Z 2021-07-18T11:56:20Z Alte 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#m1790638 Manuel Schlier 2021-08-03T19:18:11Z 2021-08-03T19:18:11Z Alte 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#m1790287 Matthias Scharwies mscharwies@selfhtml.org 2021-07-18T11:06:00Z 2021-07-18T11:17:23Z Alte 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="&ouml;">&ouml;</span>nwohld (Papierm<span class="token entity named-entity" title="&uuml;">&uuml;</span>hle) <span class="token entity" title="&#8224;">&#8224;</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="&#8224;">&#8224;</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="&#8224;">&#8224;</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="&#8224;">&#8224;</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>&uuml;</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#m1790288 Der Martin 2021-07-18T11:47:03Z 2021-07-18T11:47:03Z Alte 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>&uuml;</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: &lt;, &quot; und eventuell &apos;<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> sowie &amp; 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#m1790298 Robert B. 2021-07-19T08:08:38Z 2021-07-19T08:08:38Z Alte 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#m1790290 Der Martin 2021-07-18T12:08:05Z 2021-07-18T12:08:05Z Alte 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#m1790291 klawischnigg 2021-07-18T12:23:47Z 2021-07-18T12:23:47Z Alte 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#m1790299 Der Martin 2021-07-19T08:21:19Z 2021-07-19T08:21:19Z Alte 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#m1790300 Matthias Scharwies mscharwies@selfhtml.org 2021-07-19T08:36:17Z 2021-07-19T08:36:17Z dl - 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#m1790301 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-07-19T09:29:36Z 2021-07-19T09:30:31Z Alte 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#m1790302 Rolf B 2021-07-19T09:54:02Z 2021-07-19T09:54:02Z Alte 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#m1790303 Der Martin 2021-07-19T10:08:21Z 2021-07-19T10:08:21Z Alte 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#m1790304 JürgenB https://www.j-berkemeier.de 2021-07-19T10:17:24Z 2021-07-19T10:17:24Z Alte 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#m1790305 Robert B. 2021-07-19T10:19:17Z 2021-07-19T10:19:17Z Alte 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#m1790310 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-07-19T11:25:44Z 2021-07-19T11:28:25Z Alte 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#m1790306 Der Martin 2021-07-19T10:25:14Z 2021-07-19T10:25:14Z Alte 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#m1790314 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-07-20T06:30:19Z 2021-07-20T06:30:19Z Alte 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#m1790307 Robert B. 2021-07-19T10:33:33Z 2021-07-19T10:33:33Z Alte 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#m1790309 kai345 2021-07-19T10:39:01Z 2021-07-19T10:39:01Z Alte 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#m1790308 Der Martin 2021-07-19T10:37:30Z 2021-07-19T10:37:30Z Alte 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#m1790359 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-07-22T06:33:54Z 2021-07-22T06:35:55Z Alte 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>