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>