form appears at the bottom of the page

The form on a couple of my pages is at the bottom of the page instead of floating left. the pages are group_registration.php and free_quote.php. I tried to change the form css because I've had this problem a number of times before and I was told to change

form.Sharp_Default fieldset.Sharp_Default {
clear:both;
border-width:0;
}

to...

form.Sharp_Default fieldset.Sharp_Default {
/*clear:both;*/
clear:right;
border-width:0;
}

That has always worked in the past, but this time it didn't. What else could be wrong?

Hiya,

Make the form float left, - in your FD_NewFromBlank_Default.css stylesheet:


form.NewFromBlank_Default {
float:left;

awesome! thanks..

Cool! Glad you sorted it!

Hi Neilo, I am having the same problem as mrobben with my form and I cant find the css file FD_NewFromBlank_Default.css stylesheet: could you direct me to that file.

Thanks

this is the link to the page contactme.php

Hiya Clifton,

I find that different forms need slightly different 'tweaks' to show the way you want them to.

The stylesheet for your form is your CSSFormBuilder/FD_Sharp_Default.css file. There may be a quicker and more obvious solution, but for me, what seems to work for your page is to change three bits of the stylesheet. [The changed bits are in blue]:

Near line 96:

form.Sharp_Default ul.formList {
	padding:0 0 0 0;
	margin:35px 12px 12px -10px;
  	list-style-type:none;
}

Near line 135:

form.Sharp_Default label.sublabel {
	text-align:right;
	width:100px;
	float:left;
	display:block;
	padding-top:2px;
	padding-right:5px;
}

Near line 189:

form.Sharp_Default div.fieldGroup {
	display:block;
	float:left;
	padding-left:8px;
	padding-right:8px;
	position:relative;
	margin:0 0 0 -100px;
}

See if this works for you, and post back results if it doesn't sit the way you want.

Cheers

Neilo you are the man thanks