2012-04-10, 21:06:08
Robertman20 Wrote:I haven't put much in the CSS and I've only used the width code, posted earlier (Page 11 of this topic).
here is a link for the website (That is what you need to check the live CSS code right?) : http://www.cortexe.byethost7.com/index.php?id=contact
It would be nice if you could have a look at it for me
Ohhh there's a huge mess in your css.
Most of problems are caused by elements displayed as blocks (divs, spans), instead of leaving them as inline elements, and lack of height attribute,
First off delete (or comment out) your whole css related to p01 contact form.
Then look at all block elements you have set in your css, and see how does a bare p01 form look.
To have a nice floating labels and inputs, try using below css code
Code:
.p01-contact label {
width: 200px;
margin-top:8px;
margin-right: 10px;
line-height:25px;
text-align: right;
vertical-align:middle;
float:left;
clear:left;
}
.p01-contact span {
float:left;
}
.p01-contact input,
.p01-contact select{
width: 230px;
margin-top:8px;
padding:3px 8px;
}
All form elements should have default css display value set.
Divs containing form elements can also have a fixed height - it depends on styles you set globally for all same elements.
Addons: blue business theme, Online Visitors, Notepad