It has a CSS menu and a table with lots of links. I would like to format the link text in the table so that it looks a bit more pleasing than the current default. Guidance as to how to do this in the “Edit Styles” window much appreciated.
Hi Bob,
The easiest way to style the links in this table is to make sure you have nothing selected on the page by clicking on the pasteboard and use the Links section of the ‘Page appearance settings’ tab (paintbrush icon) in the Inspector palette. This will set the link styles for the entire page but won’t alter those in your CSS menu.
If you are looking for table design inspiration there are a number of CSS table gallery sites like this one; http://icant.co.uk/csstablegallery/
If you find a table style you like and don’t know how to style your Freeway one then get back in touch.
Finally I noticed that your Spare Parts menu drops behind the table. With the CSS Menu item selected choose Item > Bring to front to make sure the menu appears over the table (and other objects) on the page.
Regards,
Tim.
On 22 Apr 2013, at 16:57, Bob Kerr wrote:
It has a CSS menu and a table with lots of links. I would like to format the link text in the table so that it looks a bit more pleasing than the current default. Guidance as to how to do this in the “Edit Styles” window much appreciated.
Just gave it a try but one of the things I wanted to do was change the text size of the link text. So I hit the “more” button in the ‘Page appearance settings’ and dropped the size to 10px. Trouble is that has changed the size of the links on the main menu at the top of the page, which I don’t want to do.
N.B.s
The menu is behind the table temporarily for ease of selection.
Some of those tables look very good and I would really like to know how to do that but maybe after sorting out this particular issue.
Sorry to bump but getting desperate. Just need a pointer as to how to do this in Edit Styles menu. Do I open the a:link a:active a:hover a:visited tag in the ‘Tag’ field. If so and assuming I add a name to each how do I then apply the new style to the text in the table cells.
Or maybe Tim’s suggestion is the way to go but if it is how do I stop the formatting interfering with my main CSS menu?
Can find lots of stuff in the reference manual about everything else apart from links in the Edit Styles menu.
Hi Bob,
If you want to add styles that just target the links in your table then there are two ways that I can think of to do it.
One solution is to give the table an id and then add in specific CSS styles into the Edit > Styles dialog to target the links in this item.
The easiest solution, however, would be to draw a layered HTML box on the page slightly bigger than your table, select the table, cut it to the pasteboard, and with the newly added HTML box selected choose Edit > Paste. This should place the table within the HTML box as a child. You are free to move the table within the parent and size the parent to suit the design. The benefit of this construction is that you can select the HTML box and set the text links for it in the Links section of the ‘Page appearance settings’ tab (paintbrush icon) in the Inspector palette. You can’t do this for tables directly.
Your table will now inherit the text link styles from the parent HTML box.
I hope this helps.
Regards,
Tim.
On 23 Apr 2013, at 10:53, Bob Kerr wrote:
Sorry to bump but getting desperate. Just need a pointer as to how to do this in Edit Styles menu. Do I open the a:link a:active a:hover a:visited tag in the ‘Tag’ field. If so and assuming I add a name to each how do I then apply the new style to the text in the table cells.
Or maybe Tim’s suggestion is the way to go but if it is how do I stop the formatting interfering with my main CSS menu?
Can find lots of stuff in the reference manual about everything else apart from links in the Edit Styles menu.