Forums

adjusting the width of my form

marglar 20 Mar, 2008
I have a form that I'm using. It works just fine with chronoform. I'm very pleased.

I'm using the mambot to put it on my homepage.

My one challenge is controlling the size of it. The input boxes are set to be ~45 characters wide, but they show up on my page much, much wider than that. I tried containing it within a table and that didn't help. It's pretty unprofessional looking as wide as it is and I'd love to get it much, much smaller.

In fact, I must create a form for the right hand module that will only be about 50 or less characters wide. So, I've gotta figure this out..

Here is my code:
<p>Name:<br />
<input type="text" name="Name" size="45" tabindex="1" /><br />
Email Address:<br />
<input type="text" name="Email" size="45" tabindex="2" /><br />
Verify Email Address:<br />
<input type="text" name="Emailverify" size="45" tabindex="3" /><br />
Phone Number:<br />
<input type="text" name="phone" size="45" tabindex="4" /><br />
Comments or Questions:<br />
<textarea name="Comments" rows="10" cols="44" tabindex="5"></textarea><br />
</p>
<input type="submit" name="submitButton" value="Submit" tabindex="6" /> <input type="reset" />

Any ideas why it would display so wide? You can see it here at dev.pacificatechnologies.net

Thanks for any help.
Max_admin 20 Mar, 2008
Hi,

Install Firebug extension for firefox then right click the input boxes then "inspect element", now see which CSS classes makes it wide😉

Cheers

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.