Thread: CSS for default Zend_Form

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;
	}