tag:forum.selfhtml.org,2005:/self Radio Felder untereinader – SELFHTML-Forum 2019-01-22T13:02:06Z https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741188#m1741188 Bernd 2019-01-21T15:23:06Z 2019-01-21T15:23:06Z Radio Felder untereinader <p>Hallo,</p> <p>wie würdet ihr vier Radio Felder untereinander bringen?</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 punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>usz_datum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Arbeitszeit<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Urlaub<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Urlaub<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Krank<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Krank<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Überstundenabbau<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Überstundenabbau<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>div</span><span class="token punctuation">></span></span> </code></pre> <p>Mit Grid oder Felx lässt sich da nichts machen? Also doch alles in ein extra DIV packen oder lieber mit <br> arbeiten?</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741189#m1741189 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:27:33Z 2019-01-21T15:27:33Z Radio Felder untereinader <p>@@Bernd</p> <blockquote> <pre><code class="block bad language-html"><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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>usz_datum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Arbeitszeit<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Urlaub<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Urlaub<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Krank<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Krank<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Überstundenabbau<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Überstundenabbau<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>div</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Bevor’s ans CSS geht, ist zunächst das HTML zu berichtigen:</p> <ul> <li><code class="bad">div</code> → <code class="good">fieldset</code></li> <li><code class="bad">label</code> → <code class="good">legend</code></li> <li><code class="bad">span</code> → <code class="good">label</code></li> </ul> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741190#m1741190 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2019-01-21T15:28:17Z 2019-01-21T15:28:17Z Radio Felder untereinader <p>hallo</p> <blockquote> <p>Hallo,</p> <p>wie würdet ihr vier Radio Felder untereinander bringen?</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 punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>usz_datum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Arbeitszeit<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Urlaub<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Urlaub<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Krank<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Krank<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>input</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Überstundenabbau<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>span</span><span class="token punctuation">></span></span>Überstundenabbau<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>div</span><span class="token punctuation">></span></span> </code></pre> <p>Mit Grid oder Felx lässt sich da nichts machen? Also doch alles in ein extra DIV packen oder lieber mit <br> arbeiten?</p> </blockquote> <p>Erst mal mit label ausstatten.</p> <p>Bei <label><input> Labeltext </label> bekommst du die notwendige Gruppierung geschenkt.</p> <div class="signature">-- <br> <a href="https://beat-stoecklin.ch/pub/index.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/index.html</a> </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741201#m1741201 ursus contionabundo 2019-01-21T15:42:22Z 2019-01-21T15:42:22Z Radio Felder untereinader <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wasBeginn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> </code></pre> <p>was das erste Label soll ist unklar:</p> <pre><code class="block bad language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>usz_datum<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> </code></pre> <p>Wolltest Du ein fieldset? <a href="https://wiki.selfhtml.org/wiki/HTML/Formulare/Gruppierung" rel="nofollow noopener noreferrer">Die Dinger sind ziemlich interessant</a>.</p> <p>Dann:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wasBeginn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token comment"><!-- [...] --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> <p>Der Rest ist CSS. Aber ein <br> würde es bis zu Gunnars Aufschrei auch tun.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741191#m1741191 Bernd 2019-01-21T15:30:33Z 2019-01-21T15:30:33Z Radio Felder untereinader <p>Das war hier nicht die Frage! Das HTML wird so von Wordpres gerändert, da habe ich kaum Einfluss drauf ohne ein Plugin komplett umschreiben zu müssen.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741192#m1741192 Bernd 2019-01-21T15:31:01Z 2019-01-21T15:31:01Z Radio Felder untereinader <p>Du siehst aber schon dass ein Label da ist?</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741197#m1741197 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:35:09Z 2019-01-21T15:35:09Z Radio Felder untereinader <p>@@beatovich</p> <blockquote> <blockquote> <p>Mit Grid oder Felx lässt sich da nichts machen? Also doch alles in ein extra DIV packen oder lieber mit <br> arbeiten?</p> </blockquote> <p>Erst mal mit label ausstatten.</p> </blockquote> <p>Label sind notwendig.</p> <blockquote> <p>Bei <label><input> Labeltext </label> bekommst du die notwendige Gruppierung geschenkt.</p> </blockquote> <p>Die Gruppierung ist nicht notwendig.</p> <p>Bei</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span><span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span>…<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> </code></pre> <p>kann man auch ein zweispaltiges Grid aufspannen und die <code>input</code> in die 1. und die <code>label</code> in die 2. Spalte plazieren.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741198#m1741198 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:36:47Z 2019-01-21T15:36:47Z Radio Felder untereinader <p>@@Bernd</p> <blockquote> <p>Das war hier nicht die Frage! Das HTML wird so von Wordpres gerändert, da habe ich kaum Einfluss drauf ohne ein Plugin komplett umschreiben zu müssen.</p> </blockquote> <p>Du solltest inzwischen wissen, dass Bedienbarkeit hier <em><strong>immer</strong></em> die Frage ist. Also ja, dem Wordpress beibringen, richtiges HTML zu generieren.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741194#m1741194 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2019-01-21T15:32:46Z 2019-01-21T15:32:46Z Radio Felder untereinader <p>hallo</p> <blockquote> <p>Du siehst aber schon dass ein Label da ist?</p> </blockquote> <p>Ein sinnfreies dazu, da dieses mit keinem Feld assoziiert ist. Gunnar hat dir schon gesagt, dass für diese Absicht fieldset/legend vorgesehen ist.</p> <div class="signature">-- <br> <a href="https://beat-stoecklin.ch/pub/index.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/index.html</a> </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741195#m1741195 Auge 2019-01-21T15:33:52Z 2019-01-21T15:33:52Z Radio Felder untereinader <p>Hallo</p> <blockquote> <p>Du siehst aber schon dass ein Label da ist?</p> </blockquote> <p>Es ist da, wo es nicht hingehört. Dein <code>label</code> ist ein <code>legend</code> und deine <code>span</code>s sind die Elemente, die <code>label</code>s sein sollen. Aber das <a href="https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741189#m1741189" rel="noopener noreferrer">hatte Gunnar schon erläutert</a>.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Eine Kerze stand [auf dem Abort] bereit, und der Almanach des vergangenen Jahres hing an einer Schnur. Die Herausgeber kannten ihre Leser und druckten den Almanach auf weiches, dünnes Papier.<br> Kleine freie Männer von Terry Pratchett </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741199#m1741199 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2019-01-21T15:37:27Z 2019-01-21T15:37:27Z Radio Felder untereinader <p>hallo</p> <blockquote> <p>Die Gruppierung ist nicht notwendig.</p> </blockquote> <p>Im Falle von flex wäre sie ratsam. Kommt halt auf die Absicht an.</p> <div class="signature">-- <br> <a href="https://beat-stoecklin.ch/pub/index.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/index.html</a> </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741200#m1741200 Bernd 2019-01-21T15:41:02Z 2019-01-21T15:41:02Z Radio Felder untereinader <p>Ein Wordpress Plugin mal eben umprogrammieren? Alles klar!</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741206#m1741206 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:48:17Z 2019-01-21T15:48:17Z Radio Felder untereinader <p>@@beatovich</p> <blockquote> <blockquote> <p>Die Gruppierung ist nicht notwendig.</p> </blockquote> <p>Im Falle von flex wäre sie ratsam.</p> </blockquote> <p>Aber flex wäre nicht ratsam, wenn es darum geht, in 2 Dimensionen zu layouten.</p> <blockquote></blockquote> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741203#m1741203 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:43:34Z 2019-01-21T15:43:34Z Radio Felder untereinader <p>@@Bernd</p> <blockquote> <p>Ein Wordpress Plugin mal eben umprogrammieren? Alles klar!</p> </blockquote> <p>Ja. Und dann ein Pull-Request an den Ersteller des Plugins.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741202#m1741202 Bernd 2019-01-21T15:43:28Z 2019-01-21T15:43:28Z Radio Felder untereinader <p>Ok, dann nehme ich dafür <br></p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741204#m1741204 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:45:44Z 2019-01-21T15:45:44Z Radio Felder untereinader <p>@@Bernd</p> <blockquote> <p>Ok, dann nehme ich dafür <br></p> </blockquote> <p>??</p> <p>Du kannst <code>br</code> einfügen (also das Markup ändern), aber nicht <code>span</code> zu <code>label</code> machen (also das Markup ändern)?</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741207#m1741207 ursus contionabundo 2019-01-21T15:50:02Z 2019-01-21T15:51:35Z Bessere Idee. <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</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>radioItem<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>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wasBeginn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token comment"><!-- [...] --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> <p>Jetzt Kannst Du im CSS <code>span.radioItem { display: block; }</code> setzen. Und wenn es Dir irgendwann anders gefällt kannst Du alles mit css zur Liste, Tabelle oder sonstwas machen.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741205#m1741205 Bernd 2019-01-21T15:47:05Z 2019-01-21T15:47:28Z Radio Felder untereinader <blockquote> <p>Du kannst <code>br</code> einfügen (also das Markup ändern), aber nicht <code>span</code> zu <code>label</code> machen (also das Markup ändern)?</p> </blockquote> <p>ich kann das <br> über ein leeres HTML Element einfügen und sagen der Inhalt soll ein <br> sein.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741208#m1741208 Bernd 2019-01-21T15:52:22Z 2019-01-21T15:52:22Z Bessere Idee. <p>Dein Aufbau weicht jetzt sehr von diesem ab:<br> <a href="https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741197#m1741197" rel="noopener noreferrer">https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741197#m1741197</a></p> <p>Deine gefällt mir besser, da habe ich nicht so viele legend-Felder. Aber wie gesagt ich kann den Code derzeit nicht so einfach ändern ohne ein WP Plugin umzuschreiben.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741209#m1741209 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T15:53:20Z 2019-01-21T15:53:20Z Bessere Idee. <p>@@ursus contionabundo</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</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>radioItem<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>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wasBeginn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token comment"><!-- [...] --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> <p>Jetzt Kannst Du im CSS <code>span.radioItem { display: block; }</code> setzen.</p> </blockquote> <p>Und wenn du statt <code>span</code> das passende <code>p</code> nimmst, kannst du dir die Zeile CSS auch sparen.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741217#m1741217 Robert B. 2019-01-21T17:17:03Z 2019-01-21T17:17:03Z Bessere Idee. <p>Moin,</p> <p>das Anliegen ginge doch noch billiger:</p> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token comment"><!-- [...] --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> </blockquote> <p>Und dann eben</p> <pre><code class="block language-css"><span class="token selector">label</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Viele Grüße<br> Robert</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741211#m1741211 ursus contionabundo 2019-01-21T16:14:03Z 2019-01-21T16:14:48Z Wordpress <blockquote> <p>ich kann den Code derzeit nicht so einfach ändern ohne ein WP Plugin umzuschreiben.</p> </blockquote> <p>WP. Oh Gott! Du Armer.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741210#m1741210 ursus contionabundo 2019-01-21T16:04:57Z 2019-01-21T16:08:20Z Bessere Idee. <blockquote> <blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>form</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>legend</span><span class="token punctuation">></span></span>Was<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>legend</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>radioItem<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>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></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>wasBeginn<span class="token punctuation">"</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>wasBeginn<span class="token punctuation">"</span></span> <span class="token attr-name">value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Arbeitszeit<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>checked<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>label</span> <span class="token attr-name">for</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>wasBeginn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Arbeitszeit<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>label</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>span</span><span class="token punctuation">></span></span> <span class="token comment"><!-- [...] --></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>fieldset</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>form</span><span class="token punctuation">></span></span> </code></pre> <p>Jetzt Kannst Du im CSS <code>span.radioItem { display: block; }</code> setzen.</p> </blockquote> <p>Und wenn du statt <code>span</code> das passende <code>p</code> nimmst, kannst du dir die Zeile CSS auch sparen.</p> </blockquote> <p>Statt dessen formatiere ich im CSS dann die Absätze(!) in Formularen... Ich kann mich dem (wg. d. Semantik) nicht anschließen. Wenn es schon ein natives Block-Element sein soll, dann <code><div></code>.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741214#m1741214 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-01-21T16:28:48Z 2019-01-21T16:28:48Z Bessere Idee. <p>@@ursus contionabundo</p> <blockquote> <p>Absätze(!) in Formularen... Ich kann mich dem nicht anschließen.</p> </blockquote> <p>Die <a href="https://w3c.github.io/html/grouping-content.html#the-p-element" rel="nofollow noopener noreferrer">HTML-Spec</a> sagt:<br> <em lang="en">“The <code>p</code> element represents a block of content, a <a href="https://w3c.github.io/html/dom.html#paragraph" rel="nofollow noopener noreferrer">paragraph</a> <strong>as defined in this specification</strong>.”</em> (Hervorhebung von dort)</p> <p>Click auf <em>paragraph</em>:<br> <em lang="en">“A paragraph is typically a run of phrasing content that forms a block of text with one or more sentences that discuss a particular topic, as in typography, <strong>but can also be used for more general thematic grouping</strong>.”</em> (Hervorhebung von mir)</p> <blockquote> <p>Wenn es schon ein natives Block-Element sein soll, dann <code><div></code>.</p> </blockquote> <p>Die Beispiele in <a href="https://w3c.github.io/html/sec-forms.html" rel="nofollow noopener noreferrer">§4.10 Forms</a> gruppieren auch mit <code>div</code>. Beides möglich.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741212#m1741212 Bernd 2019-01-21T16:16:56Z 2019-01-21T16:16:56Z Bessere Idee. <p>Warum "Oh Gott"? Findest du Wordpress nicht gut?</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741215#m1741215 ursus contionabundo 2019-01-21T16:36:43Z 2019-01-21T16:36:43Z Wordpress <blockquote> <p>Warum "Oh Gott"? Findest du Wordpress nicht gut?</p> </blockquote> <p>Naja. Mal abgesehen von den Sicherheitsproblemen: Ich schreib mir lieber ein effektives und schlankes "CMS" für genau die Aufgaben, die auch anstehen. Damit bin ich schneller fertig als wenn ich mit Wordpress, Plugins und Templates rumfummeln würde und auch noch nachträglich für die Sicherheit dieser wüsten Skriptsammlung sorgen sollte.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741296#m1741296 klawischnigg 2019-01-22T13:02:06Z 2019-01-22T13:02:06Z Bessere Idee. <p>Hi there,</p> <blockquote> <p>Warum "Oh Gott"? Findest du Wordpress nicht gut?</p> </blockquote> <p>Wordpress ist für das Web was deutscher Schlager und amerikanischer Pop für die Musik sind - ein billiges Kotzmittel…</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741216#m1741216 ursus contionabundo 2019-01-21T16:41:55Z 2019-01-21T16:41:55Z Bessere Idee. <blockquote> <p>Beides möglich.</p> </blockquote> <p>Da hast Du mich missverstanden.</p> <p>Ich hab nicht gesagt, dass <code>p</code> nicht erlaubt sei. Ich kann mich nur nicht dem anschließen, dass man hier <code>p</code> nehmen möge - weil mir doch das <code>div</code> im Hinblick auf die Semantik so sehr viel besser gefällt.</p> https://forum.selfhtml.org/self/2019/jan/21/radio-felder-untereinader/1741289#m1741289 beatovich https://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html 2019-01-22T12:01:27Z 2019-01-22T12:01:27Z Bessere Idee. <p>hallo</p> <blockquote> <p>@@ursus contionabundo</p> <blockquote> <p>Absätze(!) in Formularen... Ich kann mich dem nicht anschließen.</p> </blockquote> <p>Die <a href="https://w3c.github.io/html/grouping-content.html#the-p-element" rel="nofollow noopener noreferrer">HTML-Spec</a> sagt:<br> <em lang="en">“The <code>p</code> element represents a block of content, a <a href="https://w3c.github.io/html/dom.html#paragraph" rel="nofollow noopener noreferrer">paragraph</a> <strong>as defined in this specification</strong>.”</em> (Hervorhebung von dort)</p> <p>Click auf <em>paragraph</em>:<br> <em lang="en">“A paragraph is typically a run of phrasing content that forms a block of text with one or more sentences that discuss a particular topic, as in typography, <strong>but can also be used for more general thematic grouping</strong>.”</em> (Hervorhebung von mir)</p> </blockquote> <p>Ein p Element stellt die explizite Vernichtung des Flowkontextes dar, bis ein Element wieder diesen Flow-Context erfordert. Explizit deshalb, als diese Vernichtung oft implizit ohne ein im DOM sichtbarem p-Element vorgenommen wird.</p> <p>Eine Beziehung zu Paragraph besteht bestenfalls im historischen Sinne.</p> <div class="signature">-- <br> <a href="https://beat-stoecklin.ch/pub/index.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/index.html</a> </div>