« Modèle:CarteBépoHoverInfo11 » : différence entre les versions
(rajouté 6px de blanc en-dessous pour éviter l’apparition d’une barre de défilement à droite quand l’image ne rentre pas et que le navigateur met la barre de défilement horizontale.) |
(mise à jour) |
||
| Ligne 15 : | Ligne 15 : | ||
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 Signe inférieur à]] | 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 retourné]] | ||
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]] | ||
| 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 Lettre minuscule latine 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 Lettre majuscule latine 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 | rect 372 81 399 108 [[Caractères pris en charge|U+00A1 Point d’exclamation retourné]] | ||
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 129 : | Ligne 129 : | ||
rect 361 108 389 135 [[Caractères pris en charge|U+0043 Lettre majuscule latine c]] | rect 361 108 389 135 [[Caractères pris en charge|U+0043 Lettre majuscule latine c]] | ||
rect 389 135 416 161 [[Touches mortes#Cédille|Touche morte ‹ Cédille ›]] | rect 389 135 416 161 [[Touches mortes#Cédille|Touche morte ‹ Cédille ›]] | ||
rect 389 108 416 135 [[ | rect 389 108 416 135 [[Manuel#.C2.AE.2C_.C2.A9_et_.E2.84.A2|U+00A9 Symbole copyright]] | ||
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 [[Touches mortes#Exposant|Touche morte ‹ Exposant ›]] | rect 443 135 471 161 [[Touches mortes#Exposant|Touche morte ‹ Exposant ›]] | ||
rect 443 108 471 135 [[ | 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]] | ||
rect 471 108 498 135 [[Caractères pris en charge|U+0053 Lettre majuscule latine s]] | rect 471 108 498 135 [[Caractères pris en charge|U+0053 Lettre majuscule latine s]] | ||
| Ligne 141 : | Ligne 141 : | ||
rect 525 108 553 135 [[Caractères pris en charge|U+0052 Lettre majuscule latine r]] | rect 525 108 553 135 [[Caractères pris en charge|U+0052 Lettre majuscule latine r]] | ||
rect 553 135 580 161 [[Touches mortes#Brève|Touche morte ‹ Brève ›]] | rect 553 135 580 161 [[Touches mortes#Brève|Touche morte ‹ Brève ›]] | ||
rect 553 108 580 135 [[ | rect 553 108 580 135 [[Manuel#.C2.AE.2C_.C2.A9_et_.E2.84.A2|U+00AE Symbole marque déposée]] | ||
rect 580 135 607 161 [[Caractères pris en charge|U+006E Lettre minuscule latine n]] | rect 580 135 607 161 [[Caractères pris en charge|U+006E Lettre minuscule latine n]] | ||
rect 580 108 607 135 [[Caractères pris en charge|U+004E Lettre majuscule latine n]] | rect 580 108 607 135 [[Caractères pris en charge|U+004E Lettre majuscule latine n]] | ||
| Ligne 161 : | Ligne 161 : | ||
rect 126 189 153 216 [[Caractères pris en charge|U+00E0 Lettre minuscule latine a accent grave]] | rect 126 189 153 216 [[Caractères pris en charge|U+00E0 Lettre minuscule latine a accent grave]] | ||
rect 126 161 153 189 [[Manuel#Majuscules et capitales accentuées|U+00C0 Lettre majuscule latine a accent grave]] | rect 126 161 153 189 [[Manuel#Majuscules et capitales accentuées|U+00C0 Lettre majuscule latine a accent grave]] | ||
rect 153 189 180 216 [[Caractères pris en charge|U+005C Barre oblique | rect 153 189 180 216 [[Caractères pris en charge|U+005C Barre oblique inverse]] | ||
rect 153 161 180 189 [[ | rect 153 161 180 189 [[Manuel#Guillemets|U+201A Guillemet-virgule inférieur]] | ||
rect 180 189 207 216 [[Caractères pris en charge|U+0079 Lettre minuscule latine y]] | rect 180 189 207 216 [[Caractères pris en charge|U+0079 Lettre minuscule latine y]] | ||
rect 180 161 207 189 [[Caractères pris en charge|U+0059 Lettre majuscule latine y]] | rect 180 161 207 189 [[Caractères pris en charge|U+0059 Lettre majuscule latine y]] | ||
rect 207 189 235 216 [[Caractères pris en charge|U+007B Accolade gauche]] | rect 207 189 235 216 [[Caractères pris en charge|U+007B Accolade gauche]] | ||
rect 207 161 235 189 [[ | rect 207 161 235 189 [[Manuel#Guillemets|U+2018 Guillemet-apostrophe retourné]] | ||
rect 235 189 262 216 [[Caractères pris en charge|U+0078 Lettre minuscule latine x]] | rect 235 189 262 216 [[Caractères pris en charge|U+0078 Lettre minuscule latine x]] | ||
rect 235 161 262 189 [[Caractères pris en charge|U+0058 Lettre majuscule latine x]] | rect 235 161 262 189 [[Caractères pris en charge|U+0058 Lettre majuscule latine x]] | ||
rect 262 189 289 216 [[Caractères pris en charge|U+007D Accolade droite]] | rect 262 189 289 216 [[Caractères pris en charge|U+007D Accolade droite]] | ||
rect 262 161 289 189 [[ | rect 262 161 289 189 [[Manuel#Guillemets|U+2019 Guillemet-apostrophe]] | ||
rect 289 189 316 216 [[Caractères pris en charge|U+002E Point]] | rect 289 189 316 216 [[Caractères pris en charge|U+002E Point]] | ||
rect 289 161 316 189 [[Caractères pris en charge|U+003A Deux-points]] | rect 289 161 316 189 [[Caractères pris en charge|U+003A Deux-points]] | ||
| Ligne 178 : | Ligne 178 : | ||
rect 344 161 371 189 [[Caractères pris en charge|U+004B Lettre majuscule latine k]] | rect 344 161 371 189 [[Caractères pris en charge|U+004B Lettre majuscule latine k]] | ||
rect 371 189 398 216 [[Caractères pris en charge|U+007E Tilde]] | rect 371 189 398 216 [[Caractères pris en charge|U+007E Tilde]] | ||
rect 371 161 398 189 [[ | rect 371 161 398 189 [[Manuel#tiret court|U+2011 Trait d'union insécable]] | ||
rect 398 189 426 216 [[Manuel#Apostrophe|U+2019 Guillemet-apostrophe]] | rect 398 189 426 216 [[Manuel#Apostrophe|U+2019 Guillemet-apostrophe]] | ||
rect 398 161 426 189 [[Caractères pris en charge|U+003F Point d'interrogation]] | rect 398 161 426 189 [[Caractères pris en charge|U+003F Point d'interrogation]] | ||
rect 426 189 453 216 [[Caractères pris en charge|U+00BF Point | rect 426 189 453 216 [[Caractères pris en charge|U+00BF Point d’interrogation retourné]] | ||
rect 426 161 453 189 [[Touches mortes#Crochet, hameçon ou crochet en chef|Touche morte ‹ Crochet, hameçon ou crochet en chef ›]] | rect 426 161 453 189 [[Touches mortes#Crochet, hameçon ou crochet en chef|Touche morte ‹ Crochet, hameçon ou crochet en chef ›]] | ||
rect 453 189 480 216 [[Caractères pris en charge|U+0071 Lettre minuscule latine q]] | rect 453 189 480 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 zones doivent toutes être cliquables et contenir un wikilien | Les zones doivent toutes être cliquables et contenir un wikilien. Ce qui normalement s’affiche dans le texte s’affiche en infobulle, tandis que la cible n’y figure pas. | ||
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'', | 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 lettre œ (cf. la « lettre æ »), les points d’exclamation et d’interrogation ''retournés'', et les guillemets pareillement ''retournés'', non « culbutés ». À ce propos on peut noter que le terme « culbuté » était absent de la première traduction française des noms Unicode, due à Michel Suignard (Unicode), et a été introduit plus tard en fonction d’une préférence régionale. D’ailleurs cette version 10.0.0 officielle comporte déjà plusieurs corrections par rapport à la version 8 : « plus petit que » dans les symboles composés devient ''inférieur à'', par exemple. | ||
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]]. | ||
Le code de l’imagemap a été généré par LibreOffice Calc dans [https://dispoclavier.eu/imagemap.ods ce classeur]. | |||
</noinclude> | </noinclude> | ||
Version du 12 avril 2019 à 12:37
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 zones doivent toutes être cliquables et contenir un wikilien. Ce qui normalement s’affiche dans le texte s’affiche en infobulle, tandis que la cible n’y figure pas.
Les noms des caractères qui s’affichent sur les emplacements vifs sont les noms français officiels 10.0.0 sauf pour l’espace fine insécable, la lettre œ (cf. la « lettre æ »), les points d’exclamation et d’interrogation retournés, et les guillemets pareillement retournés, non « culbutés ». À ce propos on peut noter que le terme « culbuté » était absent de la première traduction française des noms Unicode, due à Michel Suignard (Unicode), et a été introduit plus tard en fonction d’une préférence régionale. D’ailleurs cette version 10.0.0 officielle comporte déjà plusieurs corrections par rapport à la version 8 : « plus petit que » dans les symboles composés devient inférieur à, par exemple.
La carte est celle du bépo 1.1rc2. La carte 1.0 est dans le Modèle:CarteBépoHoverInfo10.
Le code de l’imagemap a été généré par LibreOffice Calc dans ce classeur.