[Xsltforms-support] css rules

[Stephen C. <Ste...@ut...>]

Hello,

I'd like to be able to keep an xform label on the same line as its input 
without using  display:table-row;  display:table-cell; which don't seem 
to be universally supported.

I have use the following css selector rules till now.

span.xforms-control > span { display:table; }
span.xforms-control > span > span { display:table-row; }
span.xforms-control > span > span > span { display:table-cell;  }

Basically I'd like to have the xform control generated by xsltforms 
behave as one atomic unit and move to a new line if there is not enough 
space for the whole thing, label and input!

This would make it possible to have two (or more) xform controls fit 
onto one line and adjust correctly if the window in resized.

Has anyone solved this problem?


-- 
Regards

Stephen Cameron

Data Programmer
Integrated Marine Observing System  (IMOS)
eMarine Information Infrastructure Project
University of Tasmania, Private Bag 21, Hobart, TAS 7001, Australia

Tel: +61 3 6226 8507
Fax: +61 3 6226 2997
Email: ste...@ut...
URL: http://www.imos.org.au/eMII.html