I was about to start trying to overhaul the decorators for zend form, but then I started looking up some articles on styling forms with definition lists, and it's really pretty powerful. I wrote up some css to help get started if anyone is interested. I'm not a css expert, so I'm sure this code isn't perfect, but it's a good starting point for anyone using the default decorators.
Code:
/* Zend Form Styling */
dl.zend dt, dd { min-height: 30px; }
dl.zend_form dt {
float: left;
clear: left;
text-align: right;
}
dl.zend_form dt label.required { font-weight: 600; }
dl.zend_form dd {
float: left;
clear: right;
padding-left: 5px;
}
dl.zend_form dd ul.errors {
list-style: none;
padding: 0;
margin: 0;
}
dl.zend_form dd ul.errors li {
float: left;
margin: 0 0.15em;
font-size: 12px;
color: #666666;
}
04-07-2008, 06:03 PM
CSS for default Zend_Form
Linear Mode
