One more contact form question

[Connie]

Costas,

sorry I was no help in the other thread ;=(

Here is some CSS formatting.
When you add this into the css-file of your theme, you can define the width:

Code:

.p01-contact {
    width: 999px;
}
.p01-contact .text input{width:999px;}
.p01-contact .captcha input{width:999px;}
.p01-contact textarea{width:999px;height:auto}

For demonstration purpose, I set the 4 relevant parts to 999px

so choose which width you want to have and add this, you must not stick to a percentage, you can set absolute values!

Cheers, Connie

if you want a complete definition for the contact-style, try this, this is what I found and what I use at some pages:

Code:

.p01-contact {
    position:relative;
    width: 999px;
    padding: 20px;
    color:inherit;
    margin-left:-5px;
    margin-bottom:20px;    
    overflow:hidden;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);}

.p01-contact .field{margin-bottom:10px}
.p01-contact .field.captcha{float:left}
.p01-contact .text input{width:999px;
.p01-contact .captcha input{width:999px;color:inherit !important;background-color:#FFF;}
.p01-contact textarea{width:999px;height:auto}

.p01-contact .text input,
.p01-contact .captcha input,
.p01-contact textarea {
    background-color:#FFF;
    border:1px solid #DDD;    
    font-size:12px;
    color:inherit !important;
    padding:5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);}
    
.p01-contact .text input {color:inherit;}

.p01-contact .submit{
    position:absolute;
    bottom:20px;
    right:20px;
    -moz-border-radius:10.2em 10.2em 10.2em 10.2em;
    -moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);
    background-color:#666;
    border-bottom:0.2em solid #666666;
    color:#FFF;
    cursor:pointer;
    font-size:1em;
    line-height:1;
    padding:0.3em 0.6em;
    text-shadow:0 0 0.1em #666;}