Page 1 of 1

Uitlijnen Checkbox [OPGELOST]

Posted: Mon Sep 09, 2013 3:20 pm
by sjoerdd87
Hallo,

Heeft iemand enig idee hoe ik in Formbuilder de teksten van de checkbox kan uitlijnen?

Zie bijlage, dit is ook een probleem met selectierondjes die in een groep staan, deze staan ook niet goed uitgelijnd.

Ik gebruik selectievak-groep en selectierondjes groep.

Deze krijg ik niet netjes uitgelijnd.

De CSS die ik heb meegegeven bij het voorbeeld is opties dus waarschijnlijk zou het moeten beginnen met: div.opties { zat eerst te denken een div.opties label { maar dit werkt helaas niet

Alvast bedankt.

Re: Uitlijnen Checkbox

Posted: Mon Sep 09, 2013 4:10 pm
by Rolf

Re: Uitlijnen Checkbox

Posted: Mon Sep 09, 2013 4:41 pm
by sjoerdd87
Rolf wrote:Twee tips:
1. https://www.cmscanbesimple.org/blog/styling-forms
2. Firebug in FF
Ben hier druk mee bezig geweest, maar krijg het niet voor elkaar...

Code: Select all

<div class=" opties"><label>Opties</label><div><input type="checkbox" class="cms_checkbox" name="cntnt01fbrp__70[]" value="1"  id="fbrp__70_1_0" />
&nbsp;<label for="fbrp__70_1_0">Optie1</label></div><div><input type="checkbox" class="cms_checkbox" name="cntnt01fbrp__70[]" value="2"  id="fbrp__70_1_1" />
&nbsp;<label for="fbrp__70_1_1">Optie2</label></div><div><input type="checkbox" class="cms_checkbox" name="cntnt01fbrp__70[]" value="3"  id="fbrp__70_1_2" />
&nbsp;<label for="fbrp__70_1_2">Optie3</label></div><div><input type="checkbox" class="cms_checkbox" name="cntnt01fbrp__70[]" value="4"  id="fbrp__70_1_3" />
&nbsp;<label for="fbrp__70_1_3">Optie4</label></div></div>     				        	<div class=" test"><input type="text" name="cntnt01fbrp__71" value="" size="25" maxlength="80"   id="fbrp__71" />
</div>  
Dit is de code, maar krijg optie1,2,3 en 4 niet uigelijnd.

Alles mag ook onder elkaar komen zoals naam: en dan niet rechts ernaast het invulveld maar eronder.

Re: Uitlijnen Checkbox

Posted: Fri Sep 13, 2013 1:12 pm
by stv
Heb je een link? Dan kan ik even meekijken.

Re: Uitlijnen Checkbox

Posted: Mon Oct 07, 2013 3:07 pm
by sjoerdd87
Opgelost, werd gebruik gemaakt van 2 stylesheets, hierdoor liep het een en ander een beetje mis.

Bedankt voor de hulp.