Forum OpenACS Development: Re: 5.3.1 forms and forms.css

Collapse
3: Re: 5.3.1 forms and forms.css (response to 2)
Posted by Malte Sussdorff on 05/26/07 04:24 PM
Hmm... at least on Firefox the trick with width=100% does not work. The background is exactly as wide as the text is.

But here is a trick:

Inside the legend tag, wrap the code in <div id="form-label"> tag and then use:

#form-legend {
background: #efefef;
text-align:center;
font-weight:bold;
width: 100%;
padding: 5px;
}

This makes it look at least someone like a section.

Collapse
4: Re: 5.3.1 forms and forms.css (response to 3)
Posted by Malte Sussdorff on 05/26/07 04:29 PM
Ups, small mistake:

#form-legend {
background: #d0d0d0;
text-align:center;
font-weight:bold;
width: 100%;
padding: 5px;
}

and I made the left side label look a little bit like the old style:

.margin-form .form-item-wrapper .form-label {
float: left;
text-align: right;
display: block;
width: 15em;
background-color: #e9e9e9;
padding: 5px;
}

It is not perfect, but for text fields it is remarkably close.