Zum Inhalt springen

Rahmen um Formular und input felder

Erstellt am 26. Oktober 2007 · Noch keine Antworten

Tags: Frage

rufusalex ·

ich kann zwar die inputfelder mit verschiedenen hintergrundfarben belegen und auch die schriftart ändern, aber ich bekomme keine rahmen drum rum.

FORM { margin: 0px 0px 0px 0px; border-bottom: #666 12px solid;}
P, PRE { margin: 0px 0px 0px 0px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }

textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-right: #666 1px solid;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid
}

input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-color: black;
border-right: 11px solid black;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid;
background-color: #696969
}

select {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
border-right: #666 1px solid ;
border-top: #666 1px solid;
border-left: #666 1px solid;
border-bottom: #666 1px solid;
background-color: #ffffff;
}

/******************/
/* Headers, plain */
/******************/
H1 { font-size: 14px; padding: 20px ; padding-left: 0px }
H2 { font-size: 18px; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 10px; font-weight: normal; }
H3 { font-size: 11px; color: #000; padding-bottom: 15px; }
H4 { font-size: 14px; color: #8A0020; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Kontaktformular (Mailform) */
.csc-mailform {
font-size: 100%;
border: 1px solid #FFFFFF;
margin: 0 10px;
color: #000000;
font-size: 11px;

}
.csc-mailform-field { padding: 5px 0; }
.csc-mailform-submit {border: 10px solid #333fff}
fieldset.csc-mailform label {font-size: 100%; float:left; width: 120px; margin: 0 0 0 0px; border: 11px solid #000000}
.csc-mailform-check {border: 0px;}

}