I’ve messed around with HTML/CSS for some years now but still consider myself a novice. Now I am to implement a Control Interface for remotely controlling house and cabins, that currently looks like this:
I have to underline that this is an early stage mock-up. It sometimes doesn’t load right for some reason, so you might have to refresh the browser a time or two to have the expandable panels work.
However; I would like to have somebody’s opinion regarding how each of the line in the left box (needs to be expanded by clicking on top right symbol) should be programmed. Currently I am using tables, and it seems to to the job. Tables for non-tabular data is considered a bad thing, so I guess I should find another way.
What is the best alternative to tables? Relative positioning and left floating?
Perhaps somebody has a related site I can have a peak at?