Free Web Hosting Forum
Go Back   Free Web Hosting Forum > Website Building > Web Design and HTML
Reload this Page Why is my {%contact%} stuck at the bottom corner of my page?
Reply
 
Thread Tools Display Modes
(#1 (permalink))
Old
Member
Str8 is on a distinguished road
 
Posts: 85
Join Date: Aug 2011
Exclamation Why is my {%contact%} stuck at the bottom corner of my page? - 04-15-2012, 10:12 PM

For some reason, the {%contact%} module is stuck at the bottom left corner of my page, and no matter what I do, it doesnt seem to move. If I put regular text, it appears just fine (as far as placement) but just the {%contact%} form is stuck. I checked my layout HTML and nothing seems to be causing this. I tried the same exact code on another page, and it appeared just fine on the other one but not this one. I even cleared my browser data in hopes that by refreshing it, it would be fixed, but still nothing.
Website
Reply With Quote
Sponsored Links
(#2 (permalink))
Old
Member
Str8 is on a distinguished road
 
Posts: 85
Join Date: Aug 2011
Default 04-16-2012, 07:28 PM

Does anyone know how to fix this?
Reply With Quote
(#3 (permalink))
Old
Member
Str8 is on a distinguished road
 
Posts: 85
Join Date: Aug 2011
Default 04-25-2012, 11:15 PM

bump, can anyone help?
Reply With Quote
(#4 (permalink))
Old
nevermore93's Avatar
Senior Member
nevermore93 is on a distinguished road
 
Posts: 298
Join Date: Dec 2011
Location: USA
Default 04-25-2012, 11:35 PM

It's in your CSS file (line 127)
Code:
.ContactForm label 
{
display: block;
float: none;
clear: both;   <---this one here (google it)
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 3px;
margin-left: 0pt;
}
remove it or change it, and then you can do some additional positioning to get things where you want them.

Cheers!


Reply With Quote
(#5 (permalink))
Old
Member
Str8 is on a distinguished road
 
Posts: 85
Join Date: Aug 2011
Default 04-25-2012, 11:45 PM

Quote:
Originally Posted by nevermore93 View Post
It's in your CSS file (line 127)
Code:
.ContactForm label 
{
display: block;
float: none;
clear: both;   <---this one here (google it)
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 3px;
margin-left: 0pt;
}
remove it or change it, and then you can do some additional positioning to get things where you want them.

Cheers!

I don't see that anywhere. I only see the "clear: both" on the footer. I am looking on my layout template css, Is that line somewhere else?
Reply With Quote
(#6 (permalink))
Old
Member
Str8 is on a distinguished road
 
Posts: 85
Join Date: Aug 2011
Default 04-26-2012, 12:21 AM

Quote:
Originally Posted by nevermore93 View Post
It's in your CSS file (line 127)
Code:
.ContactForm label 
{
display: block;
float: none;
clear: both;   <---this one here (google it)
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 3px;
margin-left: 0pt;
}
remove it or change it, and then you can do some additional positioning to get things where you want them.

Cheers!
That was exactly perfect!!! Thank you so much for the help. I didn't even bother looking in the style CSS, I was just focusing on my template CSS.
Thanks for the help again!!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.5.2
vBulletin Skin developed by: vBStyles.com