Placeholder color problem

**zaoka** · 07 April 2010, 04:14 AM

If I insert this code into Placeholder and export site, background color and font color does not work properly as if I preview this file alone.

HTML Code:

<html>

<body bgcolor="#ffffa5" text="#000000">

<table cellpadding="0" cellspacing="0" border="0" width="360"><tr><td align="left" valign="top">


<br>





<table border="0" cellpadding="2" cellspacing="0" width="100%">

<tr><td valign="top">

Name <span style="color:ff0000">*</span><br>
<input type="text" name="your_name" size="30" class="shadeform"><br>

</td></tr><tr><td>

Phone <span style="color:ff0000">*</span><br>
<input type="text" name="phone" size="30" class="shadeform"><br>

</td></tr><tr><td>

Email <span style="color:ff0000">*</span><br>
<input type="text" name="email" size="30" class="shadeform"><br>

</td></tr><tr><td>

Please confirm your email <span style="color:ff0000">*</span><br>
<input type="text" name="email_confirm" size="30" class="shadeform"><br>

<br><br>

I am interested in:<br><br>
<span class="quotechoice">
<input type="checkbox" name="check1" value="Choice 1"> test<br>
<input type="checkbox" name="check2" value="Choice 2"> test<br>
<input type="checkbox" name="check3" value="Choice 3"> test<br>
<input type="checkbox" name="check4" value="Choice 4"> Other<br>
</span>

<br>

Message <span style="color:ff0000">*</span><br>

<textarea name="comments" rows="5" cols="35" class="textarea"></textarea>

<br><br>

<input type="submit" value="Send" class="submitbutton"><br>

</td></tr></table>

</form>

</td></tr></table>



</body>
</html>

**steve.ledger** · 07 April 2010, 04:33 AM

You cannot have two <body areas in a single page.
Web Designer has it's own body tags and uses an external .css for the colors.
What you are trying to do (load a complete page HTML code into a placeholder) is wrong entirely.

However, you can use an iframe to load an external page.
This way the colours defined in the external file will be used in the iframe.
(the WD page itself can be coloured the same #FFFFA5)

See attached for the result.

**covoxer** · 07 April 2010, 05:47 AM

Or simply use the part of HTML you really need instead of the entire page source

Put this into placeholder:

Code:

<table border="0" cellpadding="2" cellspacing="0" width="100%">

<tr><td valign="top">

Name <span style="color:ff0000">*</span><br>
<input type="text" name="your_name" size="30" class="shadeform"><br>

</td></tr><tr><td>

Phone <span style="color:ff0000">*</span><br>
<input type="text" name="phone" size="30" class="shadeform"><br>

</td></tr><tr><td>

Email <span style="color:ff0000">*</span><br>
<input type="text" name="email" size="30" class="shadeform"><br>

</td></tr><tr><td>

Please confirm your email <span style="color:ff0000">*</span><br>
<input type="text" name="email_confirm" size="30" class="shadeform"><br>

<br><br>

I am interested in:<br><br>
<span class="quotechoice">
<input type="checkbox" name="check1" value="Choice 1"> test<br>
<input type="checkbox" name="check2" value="Choice 2"> test<br>
<input type="checkbox" name="check3" value="Choice 3"> test<br>
<input type="checkbox" name="check4" value="Choice 4"> Other<br>
</span>

<br>

Message <span style="color:ff0000">*</span><br>

<textarea name="comments" rows="5" cols="35" class="textarea"></textarea>

<br><br>

<input type="submit" value="Send" class="submitbutton"><br>

</td></tr></table>

</form>

</td></tr></table>

**steve.ledger** · 07 April 2010, 05:58 AM

Yes, well that's an alternative of course..

**zaoka** · 07 April 2010, 06:51 PM

What I want to do is to create contact form that will change color when I click on the field.

So form should look white but when I click on the Name field surounding rectangle should become yellow and when I click on the next field this one should go back to white and next one change to yellow.

Please check attachment to see what I mean.

If I learn this I would be able to crate fancy looking web form that works with formmail.

How can I do it?

**Drwyd** · 07 April 2010, 08:02 PM

Hmmm

I can get it to work in FF but not IE.

**covoxer** · 07 April 2010, 08:11 PM

Where's the opening <form> tag?

**zaoka** · 08 April 2010, 01:48 AM

I did not mean that.

Try testing this form and see what happen when you click at the field:

http://www.formstack.com/forms/?944891-3K8McREcGW

**jwhitham** · 08 April 2010, 01:59 AM

Originally Posted by zaoka

I did not mean that.

Try testing this form and see what happen when you click at the field:

http://www.formstack.com/forms/?944891-3K8McREcGW

You do realise that this forum is dedicated to Xara Software? Have you checked to see if Formstack have their own forums

**zaoka** · 08 April 2010, 02:14 AM

I want to find a way to create this and use in Xara if possible, I am sorry if im asking for too much.
Im still new to Xara so im exploring to see what I can do.