« Modèle:CarteBépoHoverInfo11 » : différence entre les versions
(amélioré CSS overflow) |
m (supression de la bordure droite) |
||
| (3 versions intermédiaires par 2 utilisateurs non affichées) | |||
| 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> | ||
| Ligne 8 : | Ligne 8 : | ||
rect 27 27 54 53 [[Manuel#Tiret sur demi-cadratin|U+2013 Tiret demi-cadratin]] | rect 27 27 54 53 [[Manuel#Tiret sur demi-cadratin|U+2013 Tiret demi-cadratin]] | ||
rect 27 0 54 27 [[Caractères pris en charge|U+00B6 Pied-de-mouche]] | rect 27 0 54 27 [[Caractères pris en charge|U+00B6 Pied-de-mouche]] | ||
rect 54 27 82 53 [[Manuel#Différences entre " “ ” ″ ˝|U+0022 Guillemet | rect 54 27 82 53 [[Manuel#Différences entre " “ ” ″ ˝|U+0022 Guillemet anglais]] | ||
rect 54 0 82 27 [[Caractères pris en charge|U+0031 Chiffre un]] | rect 54 0 82 27 [[Caractères pris en charge|U+0031 Chiffre un]] | ||
rect 82 27 109 53 [[Manuel#Tiret sur cadratin|U+2014 Tiret cadratin]] | rect 82 27 109 53 [[Manuel#Tiret sur cadratin|U+2014 Tiret cadratin]] | ||
| Ligne 14 : | Ligne 14 : | ||
rect 109 27 136 53 [[Manuel#Guillemets|U+00AB Guillemet gauche]] | rect 109 27 136 53 [[Manuel#Guillemets|U+00AB Guillemet gauche]] | ||
rect 109 0 136 27 [[Caractères pris en charge|U+0032 Chiffre deux]] | rect 109 0 136 27 [[Caractères pris en charge|U+0032 Chiffre deux]] | ||
rect 136 27 163 53 [[Caractères pris en charge|U+003C | rect 136 27 163 53 [[Caractères pris en charge|U+003C Signe inférieur à]] | ||
rect 136 0 163 27 [[Manuel#Guillemets|U+201C Guillemet-apostrophe double | rect 136 0 163 27 [[Manuel#Guillemets|U+201C Guillemet-apostrophe double culbuté]] | ||
rect 163 27 191 53 [[Manuel#Guillemets|U+00BB Guillemet droit]] | rect 163 27 191 53 [[Manuel#Guillemets|U+00BB Guillemet droit]] | ||
rect 163 0 191 27 [[Caractères pris en charge|U+0033 Chiffre trois]] | rect 163 0 191 27 [[Caractères pris en charge|U+0033 Chiffre trois]] | ||
rect 191 27 218 53 [[Caractères pris en charge|U+003E | rect 191 27 218 53 [[Caractères pris en charge|U+003E Signe supérieur à]] | ||
rect 191 0 218 27 [[Manuel#Guillemets|U+201D Guillemet-apostrophe double]] | rect 191 0 218 27 [[Manuel#Guillemets|U+201D Guillemet-apostrophe double]] | ||
rect 218 27 245 53 [[Caractères pris en charge|U+0028 Parenthèse gauche]] | rect 218 27 245 53 [[Caractères pris en charge|U+0028 Parenthèse gauche]] | ||
rect 218 0 245 27 [[Caractères pris en charge|U+0034 Chiffre quatre]] | rect 218 0 245 27 [[Caractères pris en charge|U+0034 Chiffre quatre]] | ||
rect 245 27 272 53 [[Caractères pris en charge|U+005B Crochet gauche]] | rect 245 27 272 53 [[Caractères pris en charge|U+005B Crochet gauche]] | ||
rect 245 0 272 27 [[Caractères pris en charge|U+2A7D Inférieur ou égal à incliné]] | rect 245 0 272 27 [[Caractères pris en charge|U+2A7D Inférieur à ou égal à incliné]] | ||
rect 272 27 300 53 [[Caractères pris en charge|U+0029 Parenthèse droite]] | rect 272 27 300 53 [[Caractères pris en charge|U+0029 Parenthèse droite]] | ||
rect 272 0 300 27 [[Caractères pris en charge|U+0035 Chiffre cinq]] | rect 272 0 300 27 [[Caractères pris en charge|U+0035 Chiffre cinq]] | ||
rect 300 27 327 53 [[Caractères pris en charge|U+005D Crochet droit]] | rect 300 27 327 53 [[Caractères pris en charge|U+005D Crochet droit]] | ||
rect 300 0 327 27 [[Caractères pris en charge|U+2A7E Supérieur ou égal à incliné]] | rect 300 0 327 27 [[Caractères pris en charge|U+2A7E Supérieur à ou égal à incliné]] | ||
rect 327 27 354 53 [[Caractères pris en charge|U+0040 Arrobe]] | rect 327 27 354 53 [[Caractères pris en charge|U+0040 Arrobe]] | ||
rect 327 0 354 27 [[Caractères pris en charge|U+0036 Chiffre six]] | rect 327 0 354 27 [[Caractères pris en charge|U+0036 Chiffre six]] | ||
| Ligne 71 : | Ligne 71 : | ||
rect 236 81 263 108 [[Caractères pris en charge|U+006F Lettre minuscule latine o]] | rect 236 81 263 108 [[Caractères pris en charge|U+006F Lettre minuscule latine o]] | ||
rect 236 53 263 81 [[Caractères pris en charge|U+004F Lettre majuscule latine o]] | rect 236 53 263 81 [[Caractères pris en charge|U+004F Lettre majuscule latine o]] | ||
rect 263 81 290 108 [[Caractères pris en charge|U+0153 | rect 263 81 290 108 [[Caractères pris en charge|U+0153 Digramme soudé minuscule latin oe]] | ||
rect 263 53 290 81 [[Caractères pris en charge|U+0152 | rect 263 53 290 81 [[Caractères pris en charge|U+0152 Digramme soudé majuscule latin oe]] | ||
rect 290 81 317 108 [[Caractères pris en charge|U+00E8 Lettre minuscule latine e accent grave]] | rect 290 81 317 108 [[Caractères pris en charge|U+00E8 Lettre minuscule latine e accent grave]] | ||
rect 290 53 317 81 [[Manuel#Majuscules et capitales accentuées|U+00C8 Lettre majuscule latine e accent grave]] | rect 290 53 317 81 [[Manuel#Majuscules et capitales accentuées|U+00C8 Lettre majuscule latine e accent grave]] | ||
| Ligne 79 : | Ligne 79 : | ||
rect 345 81 372 108 [[Touches mortes#Accent circonflexe|Touche morte ‹ Accent circonflexe ›]] | rect 345 81 372 108 [[Touches mortes#Accent circonflexe|Touche morte ‹ Accent circonflexe ›]] | ||
rect 345 53 372 81 [[Caractères pris en charge|U+0021 Point d’exclamation]] | rect 345 53 372 81 [[Caractères pris en charge|U+0021 Point d’exclamation]] | ||
rect 372 81 399 108 [[Caractères pris en charge|U+00A1 Point d’exclamation | rect 372 81 399 108 [[Caractères pris en charge|U+00A1 Point d’exclamation renversé]] | ||
rect 372 53 399 81 [[v2:Projet|(Emplacement disponible)]] | rect 372 53 399 81 [[v2:Projet|(Emplacement disponible)]] | ||
rect 399 81 426 108 [[Caractères pris en charge|U+0076 Lettre minuscule latine v]] | rect 399 81 426 108 [[Caractères pris en charge|U+0076 Lettre minuscule latine v]] | ||
| Ligne 132 : | Ligne 132 : | ||
rect 416 135 443 161 [[Caractères pris en charge|U+0074 Lettre minuscule latine t]] | rect 416 135 443 161 [[Caractères pris en charge|U+0074 Lettre minuscule latine t]] | ||
rect 416 108 443 135 [[Caractères pris en charge|U+0054 Lettre majuscule latine t]] | rect 416 108 443 135 [[Caractères pris en charge|U+0054 Lettre majuscule latine t]] | ||
rect 443 135 471 161 [[Exposant | rect 443 135 471 161 [[Touches mortes#Exposant|Touche morte ‹ Exposant ›]] | ||
rect 443 108 471 135 [[Manuel#.C2.AE.2C_.C2.A9_et_.E2.84.A2|U+2122 Symbole marque de commerce]] | rect 443 108 471 135 [[Manuel#.C2.AE.2C_.C2.A9_et_.E2.84.A2|U+2122 Symbole marque de commerce]] | ||
rect 471 135 498 161 [[Caractères pris en charge|U+0073 Lettre minuscule latine s]] | rect 471 135 498 161 [[Caractères pris en charge|U+0073 Lettre minuscule latine s]] | ||
| Ligne 161 : | Ligne 161 : | ||
rect 108 189 135 216 [[Caractères pris en charge|U+00E0 Lettre minuscule latine a accent grave]] | rect 108 189 135 216 [[Caractères pris en charge|U+00E0 Lettre minuscule latine a accent grave]] | ||
rect 108 161 135 189 [[Manuel#Majuscules et capitales accentuées|U+00C0 Lettre majuscule latine a accent grave]] | rect 108 161 135 189 [[Manuel#Majuscules et capitales accentuées|U+00C0 Lettre majuscule latine a accent grave]] | ||
rect 135 189 162 216 [[Caractères pris en charge|U+005C Barre oblique | rect 135 189 162 216 [[Caractères pris en charge|U+005C Barre oblique inversée]] | ||
rect 135 161 162 189 [[Manuel#Guillemets|U+201A Guillemet-virgule inférieur]] | rect 135 161 162 189 [[Manuel#Guillemets|U+201A Guillemet-virgule inférieur]] | ||
rect 162 189 189 216 [[Caractères pris en charge|U+0079 Lettre minuscule latine y]] | rect 162 189 189 216 [[Caractères pris en charge|U+0079 Lettre minuscule latine y]] | ||
rect 162 161 189 189 [[Caractères pris en charge|U+0059 Lettre majuscule latine y]] | rect 162 161 189 189 [[Caractères pris en charge|U+0059 Lettre majuscule latine y]] | ||
rect 189 189 217 216 [[Caractères pris en charge|U+007B Accolade gauche]] | rect 189 189 217 216 [[Caractères pris en charge|U+007B Accolade gauche]] | ||
rect 189 161 217 189 [[Manuel#Guillemets|U+2018 Guillemet-apostrophe | rect 189 161 217 189 [[Manuel#Guillemets|U+2018 Guillemet-apostrophe culbuté]] | ||
rect 217 189 244 216 [[Caractères pris en charge|U+0078 Lettre minuscule latine x]] | rect 217 189 244 216 [[Caractères pris en charge|U+0078 Lettre minuscule latine x]] | ||
rect 217 161 244 189 [[Caractères pris en charge|U+0058 Lettre majuscule latine x]] | rect 217 161 244 189 [[Caractères pris en charge|U+0058 Lettre majuscule latine x]] | ||
| Ligne 181 : | Ligne 181 : | ||
rect 380 189 408 216 [[Manuel#Apostrophe|U+2019 Guillemet-apostrophe]] | rect 380 189 408 216 [[Manuel#Apostrophe|U+2019 Guillemet-apostrophe]] | ||
rect 380 161 408 189 [[Caractères pris en charge|U+003F Point d’interrogation]] | rect 380 161 408 189 [[Caractères pris en charge|U+003F Point d’interrogation]] | ||
rect 408 189 435 216 [[Caractères pris en charge|U+00BF Point d’interrogation | rect 408 189 435 216 [[Caractères pris en charge|U+00BF Point d’interrogation renversé]] | ||
rect 408 161 435 189 [[Touches mortes#Crochet, hameçon ou crochet en chef|Touche morte ‹ Crochet, hameçon ou crochet en chef ›]] | rect 408 161 435 189 [[Touches mortes#Crochet, hameçon ou crochet en chef|Touche morte ‹ Crochet, hameçon ou crochet en chef ›]] | ||
rect 435 189 462 216 [[Caractères pris en charge|U+0071 Lettre minuscule latine q]] | rect 435 189 462 216 [[Caractères pris en charge|U+0071 Lettre minuscule latine q]] | ||
| Ligne 210 : | Ligne 210 : | ||
Faute de pouvoir ajouter du [https://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images 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. | Faute de pouvoir ajouter du [https://stackoverflow.com/questions/13321067/dynamically-resizing-image-maps-and-images 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 [http://hapax.qc.ca/ListeNoms-10.0.0.txt 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'' »). | |||
Les noms des caractères qui s’affichent sur les emplacements vifs sont les [http://hapax.qc.ca/ListeNoms-10.0.0.txt noms français officiels 10.0.0] sauf pour l’''espace fine insécable'' | |||
La carte est celle du bépo 1.1rc2. (La carte 1.0 est dans le [[Modèle:CarteBépoHoverInfo10]].) | La carte est celle du bépo 1.1rc2. (La carte 1.0 est dans le [[Modèle:CarteBépoHoverInfo10]].) | ||
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.