...

View Full Version : annoying me a little



twistedsoul
11-04-2009, 04:36 PM
hey, I've just added a contact form to my site but i cant get rid of this white border around it??

http://www.skylinedesigns.co.uk/test/index2.html


/* Remove this when pasting into your Stylesheet! */


/* END Remove This */

#contact p, label, legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; }

/* Form style */

#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#contact input.submit:hover { background:#4ee3e1; }
#contact input[type="submit"][disabled] { background:#888; }

#contact span.required{ font-size: 11px; color: #e3594e; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

input:hover, input:focus, textarea:hover, textarea:focus {
background-color: #4c4c4c;
color:#303030;
}

input {
display:inline;
width:350px;
background: #3f3f3f;
border: 0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
padding: 8px;
margin-bottom: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 5px;
}
input.checkbox {
width: auto;
height: auto;
display: inline;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}
textarea {
display:inline;
width:300px;
background: #3f3f3f;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
padding: 8px;
margin-bottom: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-top: 5px;
}

abduraooft
11-04-2009, 04:49 PM
It's the default border of fieldset element. You may remove it completely by adding the following CSS
fieldset{
border:none;
} Or you may add some specific selectors or other properties, if required.

PS: Are you using a static captcha? You might be interested in http://textcaptcha.com

Excavator
11-04-2009, 04:55 PM
Hello twistedsoul,
Either do the universal reset at the top of your CSS,
like this-
@charset "utf-8";
/* CSS Document */
*{margin:0;padding: 0;border:0;}
body,td,th {
font-size:11px;
color:#ccc;

Or you can be more specific and remove the default border like this - #contactform fieldset{border:0;}

twistedsoul
11-04-2009, 05:11 PM
excellent worked a treat excavator!

-abduraooft, thanks but I'm not too keen on the captcha images.

edit - sorry little problem, still shows up when a message is sent. * fixed, my mistake



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum