How to format Tips and Notes
How to format Tips and Notes
I am thinking of ways to improve the style of Tips and Notes that are used in the HTML5 output. I would like to achieve something like the following, if possible, which appears to use coloured tables with rounded corners. Any advice appreciated. Thanks
You do not have the required permissions to view the files attached to this post.
-
- Senior Propellus Maximus
- Posts: 3669
- Joined: Thu Feb 02, 2006 9:57 am
- Location: Pittsford, NY
Re: How to format Tips and Notes
You might find some inspiration in this MadBlog article: https://www.madcapsoftware.com/blog/css ... ples-tips/
I personally would use a div for a notification (note, caution, warning). That way, I can have any number of other tags nested within it. I would not use a table for notifications, at least not if I were going to be generating online output. I'm not sure a table used for a notification would be accessibility compliant (but then, I'm an accessibility newbie so am still learning myself).
I personally would use a div for a notification (note, caution, warning). That way, I can have any number of other tags nested within it. I would not use a table for notifications, at least not if I were going to be generating online output. I'm not sure a table used for a notification would be accessibility compliant (but then, I'm an accessibility newbie so am still learning myself).
Nita
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
RETIRED, but still fond of all the Flare friends I've made. See you around now and then!
Re: How to format Tips and Notes
Thanks very much for the reply, I will check this out.
Re: How to format Tips and Notes
I found this site really useful, thanks. It explains exactly what I wanted to achieve.