« Modèle:CarteBépoHoverInfo11 » : différence entre les versions
m (Après avoir modifié le common.css la hoverbox refonctionne :)) |
m (supression de la bordure droite) |
||
| Ligne 1 : | Ligne 1 : | ||
<div style="max-width: 100%; overflow-x: auto; overflow-y: hidden; height: 286px | <div style="max-width: 100%; overflow-x: auto; overflow-y: hidden; height: 286px;">{{hoverbox|<imagemap> | ||
Image:bepo-1.1-base.png|center | Image:bepo-1.1-base.png|center | ||
</imagemap>|<imagemap> | </imagemap>|<imagemap> | ||
Dernière version du 9 novembre 2023 à 18:52
Le but est d’ajouter des infobulles, mais cela entraîne la désactivation de la mise à l’échelle automatique de l’image, qui n’est plus affichée entière quand l’écran ou la fenêtre du navigateur sont trop petites. Le W3C semble avoir oublié d’émettre une recommandation pour que l’imagemap soit synchronisée avec l’image, de sorte que les navigateurs ne le font pas à tel point que l’extension ImageMap enveloppe l’image systématiquement dans un div noresize, comme aussi sur Wikipedia : T2 allemand. Ce problème a été rapporté.
Faute de pouvoir ajouter du JavaScript, le mieux est peut-être de placer le tout dans une boîte qui devient déroulante au besoin. C’est ce qu’on a dans ce modèle.
Les noms des caractères qui s’affichent sur les emplacements vifs sont les noms français officiels 10.0.0 (mais avec apostrophe typographique) sauf pour l’espace fine insécable (« espace insécable étroite » pour coller à « narrow no-break space »).
La carte est celle du bépo 1.1rc2. (La carte 1.0 est dans le Modèle:CarteBépoHoverInfo10.)
Le wikicode de l’imagemap a été généré par LibreOffice Calc dans ce classeur.