opgelost Formulier onleesbaar op smartphone

<p>

body { </div> <div id="container"> <div id="content_out"> <div id="maincontent" class="row-fluid"> <div id="system-message-container"> </div> <form method="post" id="userForm" class="formResponsive" action="https://www.visclubkuleuven.be/index.php?option=com_rsform&amp;view=rsform&amp;formId=15"><h2>Inschrijvingsformulier voor onze wedstrijd met bakharing van zaterdag 31 juli 2021.</h2> <!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly --> <fieldset class="formContainer formHorizontal" id="rsform_15_page_0"> <div class="formRow"> <div class="formSpan12"> <div class="rsform-block rsform-block-welkom-op-onze-inschrijvingspagina"> <p><span style="color: #003366;"> <br /><span style="color: #003366;"> Na inschrijving krijgt u een bevestiging hiervan in uw mail-box. </span><br /><span style="color: #003366;">Velden met een <span style="color: #000000;"><strong>(*) </strong></span>zijn verplicht in te vullen.</span></span></p> <p>Prijs bakharing met brood : .... euro. Wie wil kan ook ½ kip met appelmoes en brood bestellen: prijs ... euro. inschrijven voor ... juli</p> </div> <div class="rsform-block rsform-block-onderwerp"> <p><span style="color: #800000;">Inschrijvingsformulier voor onze wedstrijd met bakharing van zaterdag 31 juli 2021. </span></p> </div> <div class="rsform-block rsform-block-naam"> <label class="formControlLabel" for="Naam">Uw naam :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="50" placeholder="Naam en voornaam" name="form[Naam]" id="Naam" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component211" class="formNoError">U heeft geen naam ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-email"> <label class="formControlLabel" for="Email">Email :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="40" placeholder="Uw email adres" name="form[Email]" id="Email" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component212" class="formNoError">U heeft geen email adres ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-telefoon"> <label class="formControlLabel" for="Telefoon">Telefoon of GSM :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="40" placeholder="Gebruik enkel cijfers vb: 0123456" name="form[Telefoon]" id="Telefoon" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component213" class="formNoError">U heeft nog geen telefoon- of GSM nummer ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-ik-bestel"> <label class="formControlLabel" for="Ik bestel">Ik bestel :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <select name="form[Ik bestel][]" id="Ik bestel" class="rsform-select-box" aria-required="true"><option value="Maak hier uw keuze:">Maak hier uw keuze:</option><option value="1 bakharing">1 bakharing</option><option value="2 bakharingen">2 bakharingen</option><option value="3 bakharingen">3 bakharingen</option><option value="4 bakharingen">4 bakharingen</option><option value="5 bakharingen">5 bakharingen</option><option value="1 x &frac12; kip met appelmoes ">1 x &frac12; kip met appelmoes </option><option value="2 x &frac12; kip met appelmoes">2 x &frac12; kip met appelmoes</option><option value="3 x &frac12; kip met appelmoes ">3 x &frac12; kip met appelmoes </option><option value="4 x &frac12; kip met appelmoes ">4 x &frac12; kip met appelmoes </option><option value="5 x &frac12; kip met appelmoes ">5 x &frac12; kip met appelmoes </option><option value="Niets">Niets</option></select> <span class="formValidation"><span id="component214" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-toestemming"> <label class="formControlLabel">Toestemming:<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <div aria-required="true"><label for="Toestemming0"><input type="radio" name="form[Toestemming]" value="Ik ga akkoord dat mijn gegevens mogen gebruikt en bewaard worden om mij verder te contacteren." id="Toestemming0" class="rsform-radio" />Ik ga akkoord dat mijn gegevens mogen gebruikt en bewaard worden om mij verder te contacteren.</label></div> <span class="formValidation"><span id="component215" class="formNoError">U heeft nog niet bevestigd dat wij uw gegevens mogen gebruiken en bewaren.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-eventuele-mededeling"> <label class="formControlLabel" for="Eventuele mededeling">Eventuele mededeling :</label> <div class="formControls"> <div class="formBody"> <textarea cols="50" rows="5" name="form[Eventuele mededeling]" id="Eventuele mededeling" class="rsform-text-box"></textarea> <span class="formValidation"><span id="component216" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-beveiligings-code"> <label class="formControlLabel" for="captchaTxt217">Beveiligings code :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <img src="/index.php/component/rsform/?task=captcha&amp;componentId=217&amp;format=image&amp;sid=1326449872" id="captcha217" alt="Beveiligings code :" /><br/><input type="text" value="" name="form[Beveiligings code]" id="captchaTxt217" class="rsform-captcha-box" aria-required="true" /> <a href="javascript:void(0)" class="rsform-captcha-refresh-button" onclick="RSFormPro.refreshCaptcha('217', '/index.php/component/rsform/?task=captcha&amp;componentId=217&amp;format=image'); return false;">Vernieuw</a> <span class="formValidation"><span id="component217" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"><p><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">Om spam te voorkomen, vul hierboven alle cijfers van de code in aub. </span></p> <p><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">Niet goed leesbaar! Druk op </span><span style="text-align: left; color: #800000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; background-color: transparent;">vernieuw</span><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">.</span></p></p> </div> </div> </div> <div class="rsform-block rsform-block-verzendknop"> <label class="formControlLabel" for="Verzendknop"></label> <div class="formControls"> <div class="formBody"> <button type="submit" name="form[Verzendknop]" id="Verzendknop" class="rsform-submit-button" >Verzend</button> <button type="reset" class="rsform-reset-button" onclick="RSFormPro.resetElements(15)" >Herstel</button> <span class="formValidation"></span> <p class="formDescription"></p> </div> </div> </div> </div> </div> </fieldset><input type="hidden" name="form[formId]" value="15"/></form> </div> <span class="shadow-left">&nbsp;</span> <span class="shadow-right">&nbsp;</span> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> }

body {<div> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Beste Test, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021.</span></p> <p>&nbsp;</p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">U heeft gekozen voor: <strong>2 bakharingen</strong><br /></span></p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">We hebben uw inschrijving goed ontvangen.</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Tot zaterdag dan!</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Veel succes!</span></p> </div> }

body { <div> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Beste {Naam:value}, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021.</span></p> <p>&nbsp;</p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">U heeft gekozen voor: <strong>{Ik bestel:value}</strong><br /></span></p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">We hebben uw inschrijving goed ontvangen.</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Tot zaterdag dan!</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Veel succes!</span></p> </div> }

body { <div> <p><span style="color: #003366; font-size: 10pt;">Beste {Naam:value}, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021. <br /> U heeft gekozen voor: <strong>{Ik bestel:value}</strong><br /> <br /> We hebben uw inschrijving goed ontvangen.<br/>Tot zaterdag dan!<br/> <br /> Veel succes!</span></p> </div> }