Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
p01-contact : simply add contact forms in your pages
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 Smile

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
Reply


Messages In This Thread
askcopy syntax Not Working - by celextel - 2019-05-24, 01:54:40
RE: askcopy syntax Not Working - by celextel - 2019-05-28, 01:51:47
p01-contact : simply add contact forms in your pages - by yojoe - 2012-04-10, 21:06:08



Users browsing this thread: 1 Guest(s)