Question

I would like to know if its possible to add a space inside the table?
This is my code: I want to have a space between “Copy the Anti-spam code” and the box where the code appears.
How could you do that?
Thanks

<table>
    <tr>
    <td><label for="name">Name:</label></td>
    <td><input type="text" name="name" size="60" maxlength="60" eform="Name::1" /></td>
</tr>

<tr>
    <td><label for="firstName">First Name:</label></td>
    <td><input type="text" name="firstName" size="60" maxlength="60" eform="First Name::1" /></td>
</tr>

<tr>
    <td>Copy the anti-spam code:<br/><img src="[+verimageurl+]" alt="verification code" border="1"/></td>
    <td valign="top"><input type="text" name="vericode" size="20" />
</tr>

<tr>
    <td rowspan="2" valign="right">
        <input align="right" type="submit" name="submit" value="Register" />
    </td>
</tr>

</table>

Answer 1

I assume you mean vertical space, seeing as there is a line break?

Options:

1) wrap the “Copy the Anti-Spam code” text into a label class="antispam" and give that label a padding-bottom value

2) give the image a class="antispam" and give that class a margin-top value

Update: example.

In the head:

<style type="text/css">

   img.antispam { margin-top: 16px }      

</style>

In the markup:

<img class="antispam" src="[+verimageurl+]" alt="verification code" border="1"/>