Zum Inhalt springen

radio buttons formatieren

Erstellt am 23. Januar 2007 · Noch keine Antworten

Tags: HTML & CSS, Frage

ehgartner ·

Hallo,

nachdem ich es endlich (mit der Hilfe des Formus) geschafft habe, mein mailform mit css zu formatieren, hänge ich seit einigen stunden an der formatierung der radio buttons. die wollen einfach nicht so aussehen wie ich mir das vorstelle. kann ich in typoscript oder css irgenwie darauf einfluss nehmen wo bei den buttons die labels stehen (oben, unten, links, rechts) oder dass sie zumindest so stehen dass sie für den benutzer eindeutig zuordenbar sind??

Mein typoscript code (betreffend formular):

#Mailform
tt_content.mailform.20 {

accessibility = 1
noWrapAttr=1
formName = mailform
dontMd5FieldNames = 1
REQ = 1
RADIO.layout = ###FIELD###
labelWrap.wrap = |<br />
radioWrap.wrap = |
REQ.labelWrap.wrap = |<br />

}

Mein css-code (betreffend formular):
/* Formular */
fieldset.csc-mailform {
border:0;
}

fieldset.csc-mailform label {
width: 600px;
float: left;
text-align: left;
display: block
}

fieldset.csc-mailform textarea {
margin-bottom: 6px;
font-size:11px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width:400px;
background:#eee;
}

fieldset.csc-mailform input {
margin-bottom: 6px;
font-size:11px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width:250px;
background:#eee;
}

fieldset.csc-mailform select {
margin-bottom: 6px;
font-size:11px;
font-family: Verdana, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
width:250px;
background:#eee;
}

#mailformformtype_mail {

padding:2px;
font-size:13px;
margin-left:20px;
margin-top:10px;
background:#eee;
border:1px solid #ccc;
width:150px;
color:#C51A20;
text-align:center;
}

bitte um hilfe

danke gerhard