Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo,
musste erstmal nachlesen, was das Atribut <label> + </label> im Zusammenhang mit <input> Eingabe- und Auswahlfeldern bewirkt.
Sehr schön beschrieben unter: CSS, HTML und Javascript mit {stil}
Hier ist gut nachzulesen, dass durch das Attribut <label> der Auswahlbereich bereits markiert werden kann, wenn man auf den Schriftzug klickt! Klasse Variante, da man nicht den kleinen Auswahlkreis suchen muss!



************************************************************

Hier der Fehler unter "Thema markieren" ( Beitrag öffnen - "bearbeiten > Thema markieren"):

Hier kommt das Attribut <label> nicht zum Tragen, weil es durch <td> +</td> unterbrochen wird.
Es fehlt auch noch ein Attribut <tr> (<br/> kann wegfallen) und ein kleiner Rechtschreibfehler hat sich eingeschlichen!
Diese Fehler sind natürlich kein Weltuntergang, aber es ist schön, wenn die Funktion zur Verfügung steht!

Template Element " Beitrag bearbeiten - Moderatoren & Administratoren - Optionen":

<table>
<tr>
<td style="width: 30%;"><label>Normales verhalten</td>
<td><input type="radio" name="headermark" value="0" class="checkbox"
{{header==false.start}} checked="checked" {{header==false.end}} /></label><br/></td>
</tr>
<tr>					
<td style="width: 30%;"><label>Als erstes Thema (Sticky)</td>
<td>
<input type="radio" name="headermark" value="1" class="checkbox"
{{header==true.start}} checked="checked" {{header==true.end}} /></label></td>
						
</tr>
</table>

**************************************************************

Vorablösung 1:
Um das Format und die Darstellung beizubehalten (wie oben im Bild) und die Label-Funktion zu nutzen, wird "for" und "id" eingesetzt!

<table>
<tr>
<td style="width: 30%;"><label for="Verhalten">Normales Verhalten</label></td>
<td><input id="Verhalten" type="radio" name="headermark" value="0" class="checkbox"
{{header==false.start}} checked="checked" {{header==false.end}} /></td>
</tr>
<tr>
<td style="width: 30%;"><label for="Sticky">Als erstes Thema (Sticky)</label></td>
<td>
<input id="Sticky" type="radio" name="headermark" value="1" class="checkbox"
{{header==true.start}} checked="checked" {{header==true.end}} /></td>
						
</tr>
</table>

****************************************************************

Vorablösung 2:
Man kann auch, wie in den anderen Auswahlfeldern den Text hinten anstellen.
Man benötigt hier nicht mehr "for" und "id", sondern setzt die Abstände über "padding" + "margin".
Dann sieht es wie folgt aus.

<table>
<tr>
<td><label style="padding-left: 20px;">
<input style="width:auto;margin-right:10px;" type="radio" name="headermark" value="0" class="checkbox"
{{header==false.start}} checked="checked" {{header==false.end}} />Normales verhalten</label></td>
</tr>
<tr>
<td><label style="padding-left: 20px;">					
<input style="width:auto;margin-right:10px;" type="radio" name="headermark" value="1" class="checkbox"
{{header==true.start}} checked="checked" {{header==true.end}} />Als erstes Thema (Sticky)</label></td>
						
</tr>
</table>

Bis dann
Wolfgang