[TYPO3] Styling forms

Sara Weale webmaster at llgc.org.uk
Wed Mar 7 12:24:08 CET 2007


Can anyone tell me how to force radio buttons to be displayed vertically 
and not horizontally?

I have changed from css to tables based layout but am still seeing the 
<legend> and an odd radio button layout.

I would rather use a css layout so if anyone can tell me either way how 
to get the radio buttons  to behave and not display the legend I would 
be very grateful!

(Typo3 v4.0.4)

Tables layout:

tt_content.mailform.20 {
layout = <tr><td class="csc-form-labelcell">###LABEL###</td><td 
class="csc-form-fieldcell">###FIELD###</td></tr>
RADIO.layout = <tr><td class="csc-form-labelcell">###LABEL###</td><td 
class="csc-mailform-radio">###FIELD###</td></tr>
labelWrap.wrap = | <p class="csc-form-label-req">|</p>
radioWrap.wrap = | <p class="csc-form-radio">|</p>
stdWrap.wrap = <table border="0" cellspacing="1" cellpadding="1" 
class="csc-mailform"> | </table>
}

CSS layout:

.csc-mailform-field {
text-align:left;
margin-bottom: 10px;
}

.csc-mailform-submit {
text-align:right;
}

label {
float: left;
width: 250px;
}





-- 
Sara Weale
Rheolwr y We / Web Manager
Llyfrgell Genedlaethol Cymru
National Library of Wales
Aberystwyth
Ceredigion
SY23 3BU

Ffôn/Phone: 01970 632845
Ebost/Email: webmaster at llgc.org.uk
http://www.llgc.org.uk/

Nid yw'r neges yma o reidrwydd yn adlewyrchu barn y Llyfrgell.
This message does not necessarily reflect the opinion of the Library.



More information about the TYPO3-english mailing list