|
Posted by =?ISO-8859-1?Q?Fran=E7ois_Patt on October 8, 2007, 2:48 am
Please log in for more thread options André Gillibert a écrit :
> François Patte wrote:
>
>
>> My idea is to present a text translation, paragraph by paragraph, and,
>> if we put the mouse over a paragraph, it open a pop-up with the original
>> text inside.
>
> Something like that?
Yes! thanks, but I am wondering why the example given by Ben C is not
working for me? It is much more simpler (and more understandable for
me...!). Is something missing? Or not working with firefox?
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
> <html>
> <head>
> <title>Ugly CSS pop-up</title>
> <style type="text/css">
> table.translation > tbody > tr
> ,table.translation > tbody > tr > td {
> display: block;
> }
> table.translation > tbody > tr > td {
> position: absolute;
> top: auto;
> left: 3em;
>
> visibility: hidden;
>
> background-color: yellow;
> color: black;
> }
> table.translation > tbody > tr > td:first-child {
> position: static;
> top: auto;
> left: auto;
>
> visibility: visible;
>
> background-color: inherit;
> color: inherit;
> }
> table.translation > tbody > tr:hover > td {
> visibility: visible;
> }
> </style>
> <body>
>
> <table class=translation>
> <tr>
> <td lang=en>Some english character strings
> <td lang=fr>Des chaînes de caractère en anglais
> <tr>
> <td lang=en>And their french translations
> <td lang=fr>Et leur traduction en français
> <tr>
> <td lang=en>In a translation table
> <td lang=fr>Dans une table de traduction
> <tr>
> <td lang=en>Presented with an inconvenient mouse-driven layout
> <td lang=fr>Présenté sous un rendu peu utilisable, basé sur la
> manipulation de la souris.
> </table>
>
> </html>
>
--
François Patte
Université Paris 5 - Paris
| 
XML Sitemap