Label-Fehler in "Beitrag bearbeiten - Moderatoren & Administratoren - Optionen"

01.01.2016 16:11 (zuletzt bearbeitet: 01.01.2016 16:18)
#1 Label-Fehler in "Beitrag bearbeiten - Moderatoren & Administratoren - Optionen"
avatar
Mitglied

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

04.01.2016 15:59
avatar  Ingmar
#2 RE: Label-Fehler in "Beitrag bearbeiten - Moderatoren & Administratoren - Optionen"
avatar
Technik

Wie immer danke für die Meldung und Unterstützung bei der Fehlerbehebung.

Ist ~intern behoben~
Änderungen werden immer erst mit dem nächsten Update übernommen. Der Zeitpunkt und Umfang des Updates werden unter Aktuelle News bekanntgegeben

Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!