As I said 'The cards are done as tables to allow me to mock up what I want'. The whole point if the post is I know it should not be done in tables, this is why i used the term mock up. I did start using CSS but the big problem I had was I did not seem to be able to have a fixed height. Well I could specify height but the background colour only went to the end of the text. I'me also not sure how to get the layout working.
- a top segment with date left justified and price right justified
- a second segment with event titkle
- a third segment with venue
- a forth with description
- a fith with a more... link right justified.
So if i nest the CSS can I float and justify stuff withing each element I create?
The reason I was interested in masonry is, from what I can gather, it makes it a lot easier to make sites responsive (i.e. you have have to fiddle with lots of CSS for different screen sizes etc.). What I am trying to avoid is getting CSS working on desktops and then finding I have to do lots of fiddly hacks to get it working on other platforms. I believe this is why fluxbox exists, to allow us to concentrate on creativity without the technology getting in the way.
But as I said the main reason I decided to use tables to mock up was the problem with the background colour only showing up to the end of the text.