Can one of the stalwarts help with tables please? I am completely redoing this website with a new “Articles” page planned. However, encountering some issues. I prefer not to use tables for listing the articles as they don’t seem to allow me to control the height of the separating row. There is a 2px line to separate the article description but the smallest row height is 16px which is much too high and I can’t find how to make this smaller.
However, when I add each description in using a combination of HTML boxes and graphic boxes with a separating line all works fine, until there a quite a few of them, then they just crash into one another. On the second column this happens at the top of the listings. On the working page all works perfectly well, this mess is only viewable in the preview. Please don’t take any notice of the basic list at the top of this page, it’s only there for me to refer to as I am working.
I prefer not to use tables for listing the articles as they don’t seem to allow me to control the height of the separating row. There is a 2px line to separate the article description but the smallest row height is 16px which is much too high and I can’t find how to make this smaller.
This shouldn’t be an issue as row height is easily defined but will depend on the content ie if there is content then the row cannot be smaller than that content.
Generally speaking you should never use “empty” cells as rules or spacers in a table. A table is for tabular data and the formatting of that data should be driven by the content itself. Freeway exposes a rich set of styling tools for tables; using the Extend or Markup buttons, you can alter either a single cell or the row. By creating a style that defines a bottom rule, and then applying that to the row, you can get your rule after a row without introducing a non-content row of empty cells.
Look at the following example, then view source. Pay particular attention to the table. Note how the only concession to style is to add a classname to the row that you want to have a green bottom border. All the rest of the work is done in CSS, where it doesn’t interrupt the flow of information or introduce non-data to the table.
I prefer not to use tables for listing the articles as they don’t seem to allow me to control the height of the separating row. There is a 2px line to separate the article description but the smallest row height is 16px which is much too high and I can’t find how to make this smaller.
This shouldn’t be an issue as row height is easily defined but will depend on the content ie if there is content then the row cannot be smaller than that content.