[Opgelost] Labels in formulier breder maken

[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

[Rolf]

https://www.cmscanbesimple.org/blog/for ... stylesheet
https://www.cmscanbesimple.org/blog/styling-forms

grt. Rolf

[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.

[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.

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.

[Rolf]

Erpee,

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

grt. Rolf

[velden]

CSS3:

voorbeeld

Code: Select all

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

[erpee]

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.