Re: QF date - space between date fields

From: Date: Tue, 09 Dec 2003 18:22:20 +0000
Subject: Re: QF date - space between date fields
References: 1 2  Groups: php.pear.general 
Request: Send a blank email to pear-general+get-9423@lists.php.net to get a copy of this message
Stefan Neufeind wrote:
On Tue, 9 Dec 2003 at 18:45:43, Daniel Kopp wrote:
I really like the select boxes that QF-date can generate but ... I would like to have some space between them Is that possible? I checked the source but it seems there is no field to put something in betwen the select boxes. Is it still possible? Maybe with templates? Or CSS?
Only solution I can currently think of is using templates, yeah. Have a look at those template-functions available for QuickForm. Using CSS for this purpose seems more like a hack to me :-) - and propably doesn't result in same effect on all browsers.
IMHO this is exactly what CSS is designed to do. i.e. define a presentation style to be applied to structural content (in this case form elements outputted by QuickForm). Adding a few pixels of margin to (for instance) the right side of a SELECT element should come out fine in any browser, and probably will not cause problems with other SELECT elements which don't need the padding. e.g: select {
    margin-right: 3px;
} Or if you have the elements are child elements of any element with an id or class attribute you can use that to specify style more specifically e.g. (using a div with class="demo") div.demo select {
    margin-right: 3px;
} alternatively use a class attribute on the relevant selects e.g. (where the class of the select is 'dateselector') .dateselector {
    margin-right: 3px;
} And just to make sure I checked the following HTML in the browsers listed below (you do know that you can run multiple versions of IE on a single machine don't you ;-): IE 6 IE 5.5 IE 5.01 IE 4 Mozilla 1.5 Netscape 7.1 Opera 7.11 ---- <html> <head> <title></title> <style type="text/css"> select {
    margin-right: 10px;
} </style> </head> <body> <form>
    <select><option value="shit">shitty<option></select><select><option value="demo">demo<option></select>
</form> </body> </html> regards, Jochem
Regards, Stefan


« previous php.pear.general (#9423) next »