To see how this is used return to this tutorial index.
/* CSS to use with QuickForm2 so that it looks similar to what
* you get from the original QuickForm.
* Copyright (c) 2009, Parliament Hill Computers (www.phcomp.co.uk). Author: Alain D D Williams (addw@phcomp.co.uk).
* You may used this file as the basis your own (or organisation's/company's) project (under whatever
* licence that you see fit), but may not claim ownership or copyright of the substantially unmodified file.
* This file is made available in the hope that it is useful, there is no warranty at all, use at your own risk.
*
* SCCS: @(#)Qf2Style.css 1.3 11/20/09 16:58:28
*/
span.required {
/* Required asterisks (next to label) in red */
color:#ff0000;
}
div.reqnote {
/* Make the required note line up with input lables */
display:block; float:left; clear:both; text-align:right; width:30%;
font-size:80%;
}
div.reqnote em {
/* Asterisk on required not to be in red */
color:#ff0000;
}
div.row {
/* Make input fields start on a new line */
clear: both;
}
div.error {
color:red;
}
label.element {
display:block; text-align:right; float:left; width:30%; padding-right:2%;
}
fieldset {
clear: both;
}
.element input {
display:block; float:left; color:#0000ff;
}
input[type="submit"], input[type="reset"], button {
/* Submit, reset input fields and button tag */
width:10em; /* Without this the button is as wide as the text in it needs */
/* The margin-left is because the label part for the buttons is empty
* so that the buttons are positioned at the very left of the page.
* You can avoid this by putting something there, eg:
* $form->addElement('reset', 'Clear')->setLabel(' ')
*/
margin-left:32%;
}
.notes {
clear:both;
padding-top:10px;
}
br + input, br + select {
/* An error message is after the label, so insert some indent
* on the input so that it lines up with the others.
*/
margin-left:32%;
}
Return to this tutorial index.