Ondersteuning » Plugin vragen » html in Contact Form 7

  • oranje.enter

    (@oranjeenter)


    Hallo allemaal,

    Ik ben bezig een formulier te maken waarin ik o.a. de html-functie ’table’ wil gebruiken. Dit lukt verder wel, alleen krijg ik nu eerst een stuk of 8 lege regels voordat de tabel getoond wordt.
    Heeft iemand enig idee hoe dit komt en hoe ik dit kan voorkomen?

    alvast bedankt
    Evert

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Mathijs Lemmers

    (@mathijs-lemmers)

    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!

    Thread starter oranje.enter

    (@oranjeenter)

    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

    Mathijs Lemmers

    (@mathijs-lemmers)

    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!

    Bas

    (@basz85)

    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

    Thread starter oranje.enter

    (@oranjeenter)

    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

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘html in Contact Form 7’ is gesloten voor nieuwe reacties.