Probleme mit NoWrap - Zeilenumbruch im Editor

Wordleo

Hallo,

Kann mir jemand sagen, wie ich den Zeilenumbruch bei den Kontrollkästchen unterbinden kann?

In der Artikelvorschau im Wordpress-Backend wird das ganze richtig dargestellt - nur im Browser später nicht. ?!? Das seht ihr in den Bildern. Ich versuche das ganze mit HTML nowrap hin zu bekommen. Ich hatte auch schon versucht das ganze in Tabellen zu packen - was allerdings auch nichts gebracht hat. Glaub der Hund ist irgendwo im CSS begraben - das mir das noch ändert - aber leider steig ich da nicht so durch. ;-( Bin Hobbywebpagebastlerblogger...

HTML

<table>
<tbody>
<tr>
<td nowrap="nowrap"><input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" /><label for="mce-group[18061]-18061-0">Freiheitenwelt Newsletter</label></td>
</tr>
<tr>
<td nowrap="nowrap"><input id="mce-group[18061]-18061-1" checked="checked" name="group[18061][2]" type="checkbox" value="2" /><label for="mce-group[18061]-18061-1">Direkte Benachrichtigung bei neuen Artikeln</label></td>
</tr>
</tbody>
</table>

Danke - bin für jeden Tipp dankbar ehrlich - hab schon einen Tag an dem vergeudet.

Martin

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

ich kann dir das auch ganz ohne Tabelle lösen
doch geht das nur, wenn ich sehe wo das stattfindet :-)
weil sonst seh ich doch nicht das vorhandene CSS und kann es ummodeln

daher => magst eine Lösung dann Link zum Geschehen

nowrap="nowrap" kannst ruhig wieder rausnehmen,

vermutlich wird "label" als display:block geführt oder so...

Wordleo

Hey ho...

Also das Ganze findet hier statt! Ich hab eben den Code wie er gerade ist in das Widget gepackt.

Also -> http://www.freiheitenwelt.de und in abgänderter Form auf den Unterseiten (Da ist nur breiter) z.B. http://www.freiheitenwelt.de/blog

Wenn du ganz runter scrollst erscheint ein Popup mit der mehr oder weniger gleichen Newsletteranmeldung. Da sieht das gut aus - dort habe ich die Kontrollkästchen versteckt eingebunden. Schlag auf die Schulter - da war ich mal stolz auf mich... ;-)

Hilft dir das weiter?

Schönen Gruß und schon mal danke!

Martin

Wordleo

P.S: - Gibts gar keinen Newsletter auf deiner Homepage?

Brawler

Hallo,

wir arbeiten nicht mehr mit Tabellen - es sei denn wir stellen tatsächlich tabellarische Daten dar. ;)

Bitte pack den Text zusammen mit der Checkbox in ein <label> - den Rest besorgt CSS. Die Checkbox freut sich über ein position:absolute (und ggf. etwas Negativ-Margin), während das Label mit ein wenig padding und einem display:inline-block auskommt.

Wenn das nicht reicht, darf es gerne in einen relativ positionierten Container gesteckt werden. Ein display:block verhilft dann dem Element zur freudigen Klickbarkeit. ;)

Wordleo

Ok ok - bin kein super Webdesigner.... Ich werdm ich mal durch die Anweisungen wusselns. Wenn das stimmt ist der <label> block einfach nur falsch gesetzt... Gebt mir etwas Zeit. Ich melde mich noch einmal... THX

Martin

Brawler

Code

<label class="checkbox">
  <input type="checkbox" value="1" name="chckbx" /> Text für die Checkbox
</label>

Ist kein Hexenwerk. ;)

Wordleo

Hey ho...

Ok - bin schon einen Schritt weiter... Allerdings unterscheidet sich die Darstellung im WP-Backend und im Browser noch immer. Irgendwas stimmt da nicht mit den Absätzen ?!? Auch ist die Beschriftung und das Käste nicht horizontal ausgerichtet? Wie kann ich das denn kontrollieren?

Und - was mich noch interessieren würde - warum packt Mailchimp die Beschriftung in dieses "for="mce-group[18061]-18061-1"" z.B. und das Kontrollkästchen nicht? Ich hab den Code hier mal im Testmodus gelassen. Werde das nun ins Widget packen...

HTML

<div class="mc-field-group input-group" style="text-align: left;">


1:


<input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" />
<label for="mce-group[18061]-18061-0">Freiheitenwelt Newsletter</label>
<input id="mce-group[18061]-18061-1" name="group[18061][2]" type="checkbox" value="2" />
<label for="mce-group[18061]-18061-1">Direkte Benachrichtigung bei neuen Artikeln</label>


2:
<label class="checkbox">
<input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" />Freiheitenwelt Newsletter
<input id="mce-group[18061]-18061-1" name="group[18061][2]" type="checkbox" value="2" />Direkte Benachrichtigung bei neuen Artikeln
</label>


3:
<label class="checkbox">
<input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" /><label for="mce-group[18061]-18061-0">Freiheitenwelt Newsletter</label>
<input id="mce-group[18061]-18061-1" name="group[18061][2]" type="checkbox" value="2" /><label for="mce-group[18061]-18061-1">Direkte Benachrichtigung bei neuen Artikeln</label>
</label>


</div>

Alles anzeigen

Tschau

Wordleo

Ok...

Im Widget funktioniert das leider nicht. ;-( Ein Kontrollkästchen verschwindet und das andere ist nicht "gechecked"... Ich versteh das nicht!

HTML

<a href="http://eepurl.com/ba96RX"><img class="wp-image-9218 size-full" src="http://freiheitenwelt.de/wordpress/wp-content/uploads/2015/08/Logo-für-Newsletter_370.png" alt="Logo für Newsletter_370" width="370" height="115" /></a>


&nbsp;


<strong>Gib deine E-Mail-Adresse an, um den Freiheitenwelt Newsletter zu erhalten!</strong>


<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="//freiheitenwelt.us9.list-manage.com/subscribe/post?u=54889d912f9a9ac6ec39e5282&amp;id=d251a72af7" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div class="mc-field-group input-group" style="text-align: left;"><label class="checkbox">
<input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" />Freiheitenwelt Newsletter
<input id="mce-group[18061]-18061-1" name="group[18061][2]" type="checkbox" value="2" />Direkte Benachrichtigung bei neuen Artikeln
</label></div>
<div>
<div style="text-align: left;"><input id="mce-EMAIL" class="email" name="EMAIL" required="" type="email" value="" placeholder="Deine Email-Adresse" />
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_54889d912f9a9ac6ec39e5282_d251a72af7" type="text" value="" /></div>
</div>
<div class="clear" style="text-align: left;"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Anmelden!" /></div>
</div>
</form></div>

Alles anzeigen

Wordleo

Hey --- Ich hab es hinbekommen. :grin:

Im Widget muss man beide MailChimp Kontrolkästchen in ein Label mit Checkbox packen. Nun sieht das ordentlich aus. Vielen DANK für eure Hilfe..

Hier der Code - ankucken könnt ihr euch das auf meinem Blog. Nun können se kommen!

HTML

<html><a href="http://eepurl.com/ba96RX"><img class="aligncenter wp-image-9963 size-full" src="http://freiheitenwelt.de/wordpress/wp-content/uploads/2015/09/LogoNewsletter_370.jpg" alt="" width="370" height="115" /></a>
&nbsp;
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup"><form id="mc-embedded-subscribe-form" class="validate" action="//freiheitenwelt.us9.list-manage.com/subscribe/post?u=54889d912f9a9ac6ec39e5282&amp;id=d251a72af7" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<div id="mc_embed_signup_scroll" style="text-align: left;"><label><strong>Gib deine E-Mail-Adresse an, um den Freiheitenwelt Newsletter zu erhalten!</strong></label></div>
<div class="mc-field-group input-group" style="text-align: left;">


<label class="checkbox">
<input id="mce-group[18061]-18061-0" checked="checked" name="group[18061][1]" type="checkbox" value="1" />Freiheitenwelt Newsletter</label>
<label class="checkbox">
<input id="mce-group[18061]-18061-1" name="group[18061][2]" type="checkbox" value="2" />Direkte Benachrichtigung bei neuen Artikeln
</label>


</div>
<div>
<div style="text-align: left;"><input id="mce-EMAIL" class="email" name="EMAIL" required="" type="email" value="" placeholder="Deine Email-Adresse" />
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input tabindex="-1" name="b_54889d912f9a9ac6ec39e5282_d251a72af7" type="text" value="" /></div>
</div>
<div class="clear" style="text-align: left;"><input id="mc-embedded-subscribe" class="button" name="subscribe" type="submit" value="Anmelden!" /></div>
</div>
</form></div></html>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit NoWrap - Zeilenumbruch im Editor

Jetzt mitmachen!