Chronoforms layout

Goede middag allemaal

Ik ben er uiteindelijk in geslaagd om een formulier te maken in chronoforms.
Na wat zoeken op deze website heb ik een paar tutorails gevonden die me al aardig op weg hebben geholpen.

Nu zit ik echter met het probleem dat mijnn formulier zelf nog wat meer layouting nodig heeft.

Wat is nu het probleem: de textvakken staan deels over de labels.
Ik zou dus eigenlijk op 1 of andere manier mijn kolommen willen verbreden.

Enig idee hoe zoiets kan ?


dit is de link van de voorlopige pagina: www.antwerpsemarkten.be/index.php?option...hronoform=lid_worden

voor firefox:
Je ziet dus dat niet alle veldnamen volledig worden weergegeven


voor IE9:
Dit heeft geen zin, want heel het formulier wordt nu naar de knoppen geholpen.

Het is al dees gelukt door in de .CSS files te editen.
Echter de radio-button vakken willen nog niet mee

regel 143 margin-left vergroten:
En probeer eens om deze regel in de head van je index.php van je template te zetten. Dan wordt IE9 door jouw site gedwongen om in compatibiliteitsmodus te draaien:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Dank u voor uw antwoord Astrid

Is de volgorde altdij: bottom - left - right - top ?
in mijn css staan gewoon:
.ccms_form_element input[type="radio"] { padding: 0 0 0 0 !important; background-color: transparent; border-color: transparent; margin: 10px 5px 10px 5px; clear: none; }


wat betreft IE9:
Op mijn pc (W7) is de layout slecht
op mijn laptop (Vista), die exact dezelfde versie & update enz heeft, wel ok

begrijpen wie kan

top-right-bottom-left in principe. Maar aangezien ik er ook altijd mee zit te vechten zet ik ze er gewoon zelf helemaal in i.p.v. de shorthand code. Maar hier heb je wat voorbeeldjes.

En zou het kunnen zijn dat je IE9 op de computer waar het wel werkt toch ingesteld staat op IE8 compatitibiliteitsmode?Ik heb nog 8, dus kan niet kijken voor je.

als ik de "margin-left: 100px;" aanpas, verschuift alleen de text.
de checkbox gaat niet mee

zeer wierd


Ik had verwacht dat je zo'n form simpelweg in een tabel zou kunnen steken.
Blijkbaar is dit niet het geval

Ik dnek dat ik de oplossing gevolgen heb voor de radio-buttons:

in de html-eigenschappen van het form, heb je alle code staan.
in de <label>-tag van het desbetreffende onderdeel zet je gewoon: style="width: 250px;"

voor de breedte van de kolom, en klaar is kees

Dank je wel voor het terugkoppelen.