fd.puts ' margin: 10px;'
fd.puts ' border 3px solid #73ad21;'
fd.puts '}'
+ fd.puts 'span.popup { }'
+ fd.puts 'span.popup:hover {text-decoration: none; background: #cfffff; z-index: 6; }'
+ fd.puts 'span.popup span {display: none; position: absolute; '
+ fd.puts ' margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;'
+ fd.puts ' border-style:solid; border-color:black; border-width:1px;}'
+ fd.puts 'span.popup:hover span {display: block; margin: 20px 0 0 0px; background: #ffffaf; z-index:6;}'
fd.puts ' </style>'
fd.puts ' </head>'
fd.puts ' <body>'
end
fd.puts ' <div><table>'
- fd.puts ' <tr><td><a href="' + book.path + '">' + image + '</a></td><td>' + book.describe() + '</td></tr>'
+ fd.puts ' <tr><td><a href="' + book.path + '">' + image + '</a></td>'
+
+ heading = book.heading()
+ description = book.description()
+ if nil != description
+ fd.puts ' <td><span class="popup">' + heading + '<span><p>' + heading + '</p><p>' + description + '</p></span></span></td></tr>'
+ else
+ fd.puts ' <td>' + heading + '</td></tr>'
+ end
+
fd.puts ' </table></div>'
end