You have to add the code by hand to the head of the page. Take the following and paste it into your Page / HTML Markup / Before dialog:
<style type="text/css">
#myTable td {
border-bottom: 1px solid #ccc;
}
</style>
Be sure when you do to change the myTable reference to the name of the HTML box holding your table (I’m assuming here that the table is itself a layer element on a CSS-positioned page – all Freeway Pro defaults). If you are using a table-positioned layout, you’ll need to use my AddSelector Action to add an ID attribute to the table itself, otherwise you’ll have to make the style rule less specific and it will apply to every table cell on the entire page.
My example page was hand-coded, just to show what you can do with a table. No, Freeway doesn’t make this sort of detail easy. Yes, it makes it trivial to add borders around the entire table and all of the cells. Ironically, you can easily add these sorts of borders to DIV (HTML box) elements, using the Custom part of the Border tool.
If you want to add a quick underline to one cell of a table (not all of the cells) you could use the Inspector. Choose the cell with a single-click, and look in the first tab of the Inspector. You’ll see options for the row, column, and current cell. Clicking Extend in any of these, you can add a border by entering the following (after pressing New in the dialog):
- Name: style
- Value: border-bottom: 1px solid #ccc
You could substitute border-right or -left or -top if you like, and the colors can be anything you need for your design, naturally. There are about 7 different styles for a border, but most of them require a width greater than 1px for them to look like anything useful.
Walter
On Sep 30, 2012, at 5:58 AM, RavenManiac wrote:
Walter, I’m not getting how you’re adding the border. Are you using the Extended Attributes for td within the FWP inspector? If so, what code are you adding?
**Please note that I’m using the Table Styler Action on that table, so I’m not sure if that action overrides the extended code.
Also, I couldn’t find how I can add a border in CSS. Are you suggesting I use the Extended Attributes there as well?
Thanks.
On 29 Sep 2012, 8:00 pm, waltd wrote:
Your table has padding set for the table itself at 1px all around. The table cells (td) inherit this property. Padding is added to the outside of height, and you get a 3px border by using a color-filled cell as a rule between rows. Try adding a border-bottom attribute to the td, and skip the extra row that you are currently using to define your rules, and you will get a nice solid single-pixel line. Further, you will be avoiding a cardinal mistake: mixing content and presentation. The table is a semantic structure – it contains data organized in a tabular layout. When you use a single row of that table not for data, but for a visual style, you confuse this data structure.
Table Borders
A very minimal example showing a single pixel border between rows.
If you wanted to only have this border on certain rows, you would create a class-based style and apply it only to those cells you wanted to have the border.
Walter
On Sep 29, 2012, at 3:26 PM, RavenManiac wrote:
Does anyone know why this is happening or how I can fix it?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
