Contact Page Not Displaying Properly...

[mvolpone]

Hi guys,

I really appreciate all of your help!

I have a contact page that shows up properly in Xara but online it is not correct. The contact form is stretching too far to the right (see images) and I cannot figure out what's going wrong when I publish the page.

Here is the widget code:

<form id="contact-form" action="index_htm_files/send_form.php" method="post">
<input type="hidden" name="recipient" value="sales@turnerstruckstuff.com">
<input type="hidden" name="inhtml" value="yes">
<div class="contact-row">
<div style="float: left; width: 34%;">
<label class="contact-label">Name</label></br>
<input class="contact-input" style="width: 300px;" name="name"><br>
</div>
<div style="float: left; width: 33%;">
<label class="contact-label">Email</label><br>
<input class="contact-input" style="width: 290px;" name="email"><br>
</div>
<div style="float: right; width: 33%;">
<label class="contact-label">Subject</label></br>
<input class="contact-input" style="width: 305px;" name="subject"><br>
</div>
</div>
<div class="contact-row">
<label class="contact-label">Message</label><br>
<textarea cols="173" rows="10" name="message"></textarea><br>
</div>
<input id="contact-submit" type="image" src="index_htm_files/submit.png" alt="Send" />
</form>





Please advise...

Mike

[Egg Bramhill]

Mike, try changing the 4th line from bottom:

<textarea cols="173" rows="10" name="message"></textarea><br>

To

<textarea cols="85" rows="10" name="message"></textarea><br>

This size worked for me on a 960px wide test page, might need more tweaking to sort your page width.

[mvolpone]

Thank you so much!!!!

I couldn't figure that out...

Mike

[mvolpone]

In that same code I sent you, how would I change the color of the text to white because the field names are not readable on the dark background???

Thanks again..

Mike

[Egg Bramhill]

<label class="contact-label"><font color="white">Name</font></label></br>

[mvolpone]

Thank you Egg.....

That worked perfectly...

One more question, I have some photos on a page that I created from a template and the photos are animated on mousover and I can't figure out how they are moving. I like it but would like to know how it is done...

Thanks in advance,

Mike

http://turnerstruckstuff.mjvgraphics.com/spotlight.htm

[Egg Bramhill]

Hi Mike,

I'm not 100% sure but Xara doesn't have a slight skew animation.

Here's the closest I can get

[Boy]

One more question, I have some photos on a page that I created from a template and the photos are animated on mousover and I can't figure out how they are moving. I like it but would like to know how it is done...

http://turnerstruckstuff.mjvgraphics.com/spotlight.htm

What I suspect is that you used a Photo Grid with the images set to "Pop-up Photo" (Utilities/Web Properties/Image) and the "Mouse-over effect" set to one of the effects (Utilities/Web Animation/Mouse-over effect).