David,
One suggestion, use tables like this:
+-----------+----------+
| heading | field 1 |
+-----------+----------+
| heading | field 2 |
+-----------+----------+
| heading | field 3 |
+-----------+----------+
| heading | field 4 |
+-----------+----------+
+-----------+-----------+-----------+-----------+-----------+
+ heading | heading | heading | heading | heading |
+-----------+-----------+-----------+-----------+-----------+
+ field 5 | field 6 | field 7 | field 8 | field 9 |
+-----------+-----------+-----------+-----------+-----------+
+ field 10 | field 11 | field 12 | field 13 | field 14 |
+-----------+-----------+-----------+-----------+-----------+
+ field n | field n | field n | field n | field n |
+-----------+-----------+-----------+-----------+-----------+
+ field n | field n | field n | field n | field n |
+-----------+-----------+-----------+-----------+-----------+
Regards,
Mark
Hi Mark,
Thanks for your reply. What you have described is exactly what I want to do but I just don’t know how to do it! Can I use the contact for 7 editor to set up this table?
Yes. This is copied direct from the CF7 editor for one of my forms.
<table>
<tr>
<td>Your Name (required)</td>
<td>[text* your-name 50/100]</td>
</tr>
<tr>
<td>Your Email (required)</td>
<td>[email* your-email 50/100]</td>
</tr>
<tr>
<td>Your Phone Number</td>
<td>[text your-phone 50/100]</td>
</tr>
<tr>
<td>Best Time to Call</td>
<td>[text best-time-to-call 50/100]</td>
</tr>
<tr>
<td valign="top">Your Message</td>
<td>[textarea your-message 60x10]</td>
</tr>
<tr>
<td></td>
<td>[submit " Send "]<//td>
</tr>
</table>
You can set up your table as you like.
Thank for that mark i’ll give it a go.
David
Hi again,
Just to let you know that I had a great weekend setting up my contact form with you help. Thanks again.
You can see the result here.
Do you know how I can put a little space between the input fields?
David
You can use <table cellpadding=”1″ cellspacing=”1″> or css.
One suggestion to remove all the grey space at the top right of the form is to have 2 tables: 1 for the top fields and 1 for the bottom fields. Have a look at the skeleton code below:
[Code moderated as per the Forum Rules. Please use the pastebin]
Another source of help is to view the source code for the example site you gave at the start of this thread.
Have fun!
