Beste Evert,
Is het mogelijk voor mij om dit online te bekijken?
En zou u me kunnen vertellen wat u wilt bereiken door het in tables te zetten?
Bij voorbaat dank!
Hallo Mathijs,
Website: http://www.oranjeverenigingenter.nl
Bij het menu formulieren heb ik 2 testformulieren geplaats.
Formulier 1 = het standaard formulier van wordpress.
Formulier 2 = het formulier met de table functie.
Je ziet dat deze dus niet bovenaan begint maar een aantal regels lager.
Ik heb voor formulier 2 de volgende code gebruikt.
<TABLE ALIGN=”left” BORDER=”1″>
<TR>
<TD WIDTH=”180″ HEIGHT=”20″>Uw naam (verplicht):</TD>
<TD>[text* your-name]</TD> </TR>
<TR> <TD>Uw email (verplicht):</TD> <TD>[email* your-email]</TD> </TR>
<TR> <TD>Onderwerp:</TD> <TD>[text your-subject]</TD> </TR>
</TABLE>
</p>
<p>Uw bericht
[textarea your-message] </p>
<p>[submit “Verzenden”]</p>
Maar wat ik ook verander, breedte, hoogte etc het blijft hetzelfde.
Je ziet ook waarom ik dit gebruik.
De opmaak is veel netter en de invoervelden lopen gelijk.
groet
Evert
Beste Evert,
Als ik in de HTML code kijk zie ik 10 onnodige
en een lege <p>.
Ik kan niet heel duidelijk zeggen waardoor dit komt, maar ik denk dat Contact Form 7 gewoon niet bedoelt is om in tables te zetten. (Het gebruik van tables in websites zorgt al jaren voor een flinke discussie )
Mijn advies is om aanpassingen die u wilt maken in de layout te doen met CSS. Hiervoor kunt u de verschillende onderdelen van het formulier wel verschillende classes geven om dit makkelijker te maken.
Mocht u hier nog vragen over hebben dan beantwoord ik die graag!
Beste Evert,
In contact form 7 kan je namelijk zelf de breedtes en hoogtes maken rechts in het scherm van de plugin zelf.
Ik gebruik Contact Form 7 plugin al een hele tijd en ik gebruik bij elke WordPress website die ik maak voor mezelf of voor een klant.
Contact Form 7 plugin is zeer flexibele contact form.
Het gebruik van tables in websites zorgt inderdaad een discussie punt.
Je kunt ook in de plugin zelf een placeholder doen.
Bijvoorbeeld:
<p>Uw bericht
[textarea your-message placeholder “Uw bericht”] </p>
Aanpassen in CSS is inderdaad ook een optie, maar dan zou ik wel een child theme maken van je actieve thema die je nu gebruikt i.v.m. updates aan de theme.
Succes!
Groeten,
Bas
Hallo Basz85,
Ik ben helaas niet zo goed in css of ander code’s.
Heb jij misschien een uitgelijnd voorbeeld van b.v. 3 regels, zonder gebruik dus van table maar wel met hetzelfde resultaat.
Ik kan hem dan verder zelf uitbouwen.
alvast bedankt.
Groet
Evert
