Hello, my friend and I are both pretty inexperienced with web design, and as we enjoy learning-by-doing, we have designed a small project for ourselves wherein we wish to design a bookshelf with a varying number of displayed books (think ios newsstand kind of layout).
However, we are rather unsatisfied with the table stylings available (pretty much anything which comes up at a google-search of “custom table css”). We were thinking that one way to get what we want would be if we were able to overlay images on top of the “table graphics” – meaning column and row dividers. We would also like to make the whole thing interactive, such that a hover over one book would enlarge it.
Constructive criticism will be much pondered :)
There is no particular reason why we would prefer tables, only that it seemed sensible, as the layout we are considering is tablesque. What is the alternative? Lots of div’s? Do you know of any examples, here or somewhere else, where we might see how to build a layout like this from the bottom?
Thanks in advance :)
>What is the alternative? Lots of div’s?
Yes….but with a table you have lots of cells so it’s as pretty much the same.
However with divs you have much more flexibility in terms of layouts, Css targeting and browser size behaviours with Media Queries etc.
If you have design mock-up it would enable us to help you a lot more if you cold let us have a look.
This reply has been reported for inappropriate content.
True. You can make div’s behave like tables and table-cells. Opposite is not true.
What if you want a grid-like structure with flexible heights, where the whole structure functions like a grid regardless of the amount of content in each cell/sub-div/li?
You must be logged in to reply to this topic.