Comments/Ratings for a Single Item
OK Fergus I will try. I prefer also the result with flex tables. The fact is that I've made the page with those tables in wysiswg mode. I know it is limited but it is convenient for me. Thank you.
Okay, I have published this. Note that the change I made to the HTML for the Chezs pieces is actually simpler than the tables you used to display the rest of the pieces. While you spread out information about a piece among multiple table rows, my modified code kept all the information about a piece together. Doing this makes the code easier to read, and it makes it easier to add new pieces. I will leave changing the rest of the code up to you as an exercise. It remains up to you whether you want to do it, but as I mentioned, it’s advantages do go beyond how is displays on phones.
Thank you Fergus. It is much better as you've done for Chess pieces.
But I am afraid to modify all other tables as you indicate. I have had a look at that, and indeed it is more complex than I thought. I'm not at ease at all with html code and I can get quickly lost with the different strings. It is really beyond my skills for the moment.
May you or an editor publish this page? Thank you.
Well done, Jean-Louis.
I do hope that someday I can do this with some of my pieces.
It looks just great. Very well-thought designs, although in a number of them I would still lean towards more abstract concepts. But that's me. It works.
It looks fine on my desktop or iPad, but on my phone, it requires either a lot of horizontal scrolling or zooming the page down to a small size to see all the images. So, I recommend switching from using tables to using flexbox. What I have in mind is replacing each table with a single row that will wrap when the screen isn't wide enough for it. To illustrate how it works, I have rewritten the Chess pieces section to use flexbox. I have styled it to resemble how your tables look, but if you decrease the width of your window, you should notice that it behaves differently. To make the other sections work the same way, all you have to do is consolidate the tables cells for each piece into a single div, replace each <td>
with <div>
and each </td>
with </div>
, and replace the table tags with <div class="piecerow">
and </div>
.
I have completed this page presenting a set of 3D-printed pieces. Please review it for publication. Thank you.
8 comments displayed
Permalink to the exact comments currently displayed.
The author, Jean-Louis Cazaux, has updated this page.