Page 1 of 1

[Opgelost] Labels in formulier breder maken

Posted: Sun Dec 29, 2013 10:55 am
by erpee
Ik heb een ontwerp gemaakt voor een site.
Daarnaast een css eraan gehangen om het formulier te stylen.
Wat ik ook probeer, ik krijg de labels niet breder dan ze zijn. En dat wil ik wel.

Iemand een idee

Klik hier

Re: Labels in formulie breder maken

Posted: Sun Dec 29, 2013 11:06 am
by Rolf

Re: Labels in formulie breder maken

Posted: Sun Dec 29, 2013 1:08 pm
by erpee
Ik had je stylesheet al geprobeerd. Het probleem blijft. Ik heb het idee dat de stylesheet van de site zelf roet in het eten gooit maar ik kan niet vinden waar.

Re: Labels in formulie breder maken

Posted: Sun Dec 29, 2013 2:19 pm
by M@rtijn
Elk veld krijgt van Formbuilder een id mee. Je kan die gebruiken om de velden van een bepaalde styling te voorzien.
Wanneer je onderstaande toevoegt aan je stylesheet, zul je zien dat al je velden even breed zijn. ;D

Code: Select all

#cntnt01fbrp__31, #cntnt01fbrp__32, #cntnt01fbrp__33, #fbrp__34, #cntnt01fbrp__35, #cntnt01fbrp__36 {
width: 500px;
} 
Kleine tip: met de Firefox plugin Firebug (ook beschikbaar voor Chrome) kan je heel eenvoudig achterhalen welke CSS aan een bepaald element gekoppeld is. Hiermee is het kinderspel om de juiste selector te bepalen voor je element.

Re: Labels in formulie breder maken

Posted: Sun Dec 29, 2013 2:29 pm
by Rolf
Erpee,

Je gebruikt tabellen in het formulier.
Ik gebruik in mijn tutorials div's...

grt. Rolf

Re: Labels in formulie breder maken

Posted: Sun Dec 29, 2013 9:19 pm
by velden
CSS3:

voorbeeld

Code: Select all

.contactform tr td:nth-child(1) {
    padding-right: 1em;
    white-space: nowrap;
}

Re: Labels in formulie breder maken

Posted: Mon Dec 30, 2013 11:44 am
by erpee
Rolf wrote:Je gebruikt tabellen in het formulier.
Ik gebruik in mijn tutorials div's...
Dit bracht me op het juiste spoor. Ik heb (waarom weet ik niet) een formuliersjabloon geactiveerd die gebruik maakt van tabellen.
Na activering van het standaard formuliersjabloon werkte alles netjes en kon ik de breedte zonder problemen aanpassen.