(solved) small eformproblem

On this page:http://www.noekdesign.com/enquirie.html one can see my problem.
One can only click the first line in the form.The other lines are only accesible with the "tab" key.
Both in FF and IE7 (and in Safari 4 windows). Any ideas?

best fr

To start, try validating the markup... it reveals a couple of problems that may be related, and some that may not.

The problem lies in your [tt]#mailform {}[/tt] CSS selector in [tt]common.css[/tt]. Specifically, the way you are positioning it. If you remove the margins in the selector, it works fine. I suggest a re-working of your CSS. It could take days to figure out why exactly that problem occurs, or hours to work on a new style.

Again, though start with valid markup

OK thanks I will try to figure out the validation problem.
I only checked the start page for errors and never thought of checking the page containing the form.

it wasn t so much the validation nor the margins. But in the common.css the mailform had a lower z-index than an overlapping container. I however need the container to hold linkable pictures so I gues I will have to solve this with an extra css file and template file. Unless someone has another suggestion. At least I know what the problem is. Best, Frank.

Quote from: Frank at Jun 22, 2007, 11:01 AM

it wasn t so much the validation nor the margins. But in the common.css the mailform had a lower z-index than an overlapping container. I however need the container to hold linkable pictures so I gues I will have to solve this with an extra css file and template file. Unless someone has another suggestion. At least I know what the problem is. Best, Frank.

Resolved validation:

Code:

<label accesskey="c" for="vericode">code
<input name="vericode" class="text" size="20" />
</label>

In the chunk you use to send as a template for your contact form (i.e. &tpl=`Template`), you need to change the above to:

Code:

<label accesskey="c" for="vericode">code
<input name="vericode" id="vericode" class="text" size="20" />
</label>


Thanks to Jester444 on:http://modxcms.com/forums/index.php?topic=14454.0;wap2 missing was the id="x".