« 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.) |
m (supression de la bordure droite) |
||
(9 versions intermédiaires par 4 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
<div style="max-width: 100%; overflow: auto; | <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 36 : | Ligne 36 : | ||
rect 408 27 436 53 [[Caractères pris en charge|U+00B1 Signe plus-ou-moins]] | rect 408 27 436 53 [[Caractères pris en charge|U+00B1 Signe plus-ou-moins]] | ||
rect 408 0 436 27 [[Caractères pris en charge|U+00AC Signe négation]] | rect 408 0 436 27 [[Caractères pris en charge|U+00AC Signe négation]] | ||
rect 436 27 463 53 [[Manuel#tiret court|U+002D Trait | rect 436 27 463 53 [[Manuel#tiret court|U+002D Trait d’union-signe moins]] | ||
rect 436 0 463 27 [[Caractères pris en charge|U+0038 Chiffre huit]] | rect 436 0 463 27 [[Caractères pris en charge|U+0038 Chiffre huit]] | ||
rect 463 27 490 53 [[Manuel#Signe moins|U+2212 Signe moins]] | rect 463 27 490 53 [[Manuel#Signe moins|U+2212 Signe moins]] | ||
Ligne 78 : | Ligne 78 : | ||
rect 317 53 345 81 [[Caractères pris en charge|U+0060 Accent grave]] | rect 317 53 345 81 [[Caractères pris en charge|U+0060 Accent grave]] | ||
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 | 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 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 87 : | Ligne 87 : | ||
rect 454 81 481 108 [[Caractères pris en charge|U+0064 Lettre minuscule latine d]] | rect 454 81 481 108 [[Caractères pris en charge|U+0064 Lettre minuscule latine d]] | ||
rect 454 53 481 81 [[Caractères pris en charge|U+0044 Lettre majuscule latine d]] | rect 454 53 481 81 [[Caractères pris en charge|U+0044 Lettre majuscule latine d]] | ||
rect 481 81 508 108 [[ | rect 481 81 508 108 [[Symboles scientifiques|Touche morte ‹ Symbole scientifique ›]] | ||
rect 481 53 508 81 [[v2:Projet|(Emplacement disponible)]] | rect 481 53 508 81 [[v2:Projet|(Emplacement disponible)]] | ||
rect 508 81 535 108 [[Caractères pris en charge|U+006C Lettre minuscule latine l]] | rect 508 81 535 108 [[Caractères pris en charge|U+006C Lettre minuscule latine l]] | ||
Ligne 124 : | Ligne 124 : | ||
rect 307 135 334 161 [[Caractères pris en charge|U+002C Virgule]] | rect 307 135 334 161 [[Caractères pris en charge|U+002C Virgule]] | ||
rect 307 108 334 135 [[Caractères pris en charge|U+003B Point-virgule]] | rect 307 108 334 135 [[Caractères pris en charge|U+003B Point-virgule]] | ||
rect 334 135 361 161 [[Manuel#Différences entre ' ’ ´ ′ ` ‘|U+0027 Apostrophe]] | rect 334 135 361 161 [[Manuel#Différences entre ' ’ ´ ′ ` ‘|U+0027 Apostrophe générique]] | ||
rect 334 108 361 135 [[Touches mortes#Virgule souscrite|Touche morte ‹ Virgule souscrite ›]] | rect 334 108 361 135 [[Touches mortes#Virgule souscrite|Touche morte ‹ Virgule souscrite ›]] | ||
rect 361 135 389 161 [[Caractères pris en charge|U+0063 Lettre minuscule latine c]] | rect 361 135 389 161 [[Caractères pris en charge|U+0063 Lettre minuscule latine c]] | ||
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 155 : | Ligne 155 : | ||
rect 717 108 744 135 [[Caractères pris en charge|U+1F12F Symbole copyleft]] | rect 717 108 744 135 [[Caractères pris en charge|U+1F12F Symbole copyleft]] | ||
# Rangée B | # Rangée B | ||
rect | rect 53 189 80 216 [[Caractères pris en charge|U+00EA Lettre minuscule latine e accent circonflexe]] | ||
rect | rect 53 161 80 189 [[Manuel#Majuscules et capitales accentuées|U+00CA Lettre majuscule latine e accent circonflexe]] | ||
rect | rect 80 189 108 216 [[Caractères pris en charge|U+002F Barre oblique]] | ||
rect | rect 80 161 108 189 [[Caractères pris en charge|U+005E Accent circonflexe]] | ||
rect | rect 108 189 135 216 [[Caractères pris en charge|U+00E0 Lettre minuscule latine a accent grave]] | ||
rect | rect 108 161 135 189 [[Manuel#Majuscules et capitales accentuées|U+00C0 Lettre majuscule latine a accent grave]] | ||
rect | rect 135 189 162 216 [[Caractères pris en charge|U+005C Barre oblique inversée]] | ||
rect | rect 135 161 162 189 [[Manuel#Guillemets|U+201A Guillemet-virgule inférieur]] | ||
rect | rect 162 189 189 216 [[Caractères pris en charge|U+0079 Lettre minuscule latine y]] | ||
rect | rect 162 161 189 189 [[Caractères pris en charge|U+0059 Lettre majuscule latine y]] | ||
rect | rect 189 189 217 216 [[Caractères pris en charge|U+007B Accolade gauche]] | ||
rect | rect 189 161 217 189 [[Manuel#Guillemets|U+2018 Guillemet-apostrophe culbuté]] | ||
rect | rect 217 189 244 216 [[Caractères pris en charge|U+0078 Lettre minuscule latine x]] | ||
rect | rect 217 161 244 189 [[Caractères pris en charge|U+0058 Lettre majuscule latine x]] | ||
rect | rect 244 189 271 216 [[Caractères pris en charge|U+007D Accolade droite]] | ||
rect | rect 244 161 271 189 [[Manuel#Guillemets|U+2019 Guillemet-apostrophe]] | ||
rect | rect 271 189 298 216 [[Caractères pris en charge|U+002E Point]] | ||
rect | rect 271 161 298 189 [[Caractères pris en charge|U+003A Deux-points]] | ||
rect | rect 298 189 326 216 [[Caractères pris en charge|U+2026 Points de suspension]] | ||
rect | rect 298 161 326 189 [[Caractères pris en charge|U+00B7 Point médian]] | ||
rect | rect 326 189 353 216 [[Caractères pris en charge|U+006B Lettre minuscule latine k]] | ||
rect | rect 326 161 353 189 [[Caractères pris en charge|U+004B Lettre majuscule latine k]] | ||
rect | rect 353 189 380 216 [[Caractères pris en charge|U+007E Tilde]] | ||
rect | rect 353 161 380 189 [[Manuel#tiret court|U+2011 Trait d’union insécable]] | ||
rect | rect 380 189 408 216 [[Manuel#Apostrophe|U+2019 Guillemet-apostrophe]] | ||
rect | rect 380 161 408 189 [[Caractères pris en charge|U+003F Point d’interrogation]] | ||
rect | rect 408 189 435 216 [[Caractères pris en charge|U+00BF Point d’interrogation renversé]] | ||
rect | rect 408 161 435 189 [[Touches mortes#Crochet, hameçon ou crochet en chef|Touche morte ‹ Crochet, hameçon ou crochet en chef ›]] | ||
rect | rect 435 189 462 216 [[Caractères pris en charge|U+0071 Lettre minuscule latine q]] | ||
rect | rect 435 161 462 189 [[Caractères pris en charge|U+0051 Lettre majuscule latine q]] | ||
rect | rect 462 189 489 216 [[Touches mortes#Rond en chef|Touche morte ‹ Rond en chef ›]] | ||
rect | rect 462 161 489 189 [[Touches mortes#Cornu|Touche morte ‹ Cornu ›]] | ||
rect | rect 489 189 517 216 [[Caractères pris en charge|U+0067 Lettre minuscule latine g]] | ||
rect | rect 489 161 517 189 [[Caractères pris en charge|U+0047 Lettre majuscule latine g]] | ||
rect | rect 517 189 544 216 [[Lettres grecques|Touche morte ‹ Lettre grecque ›]] | ||
rect | rect 517 161 544 189 [[Manuel#Obèle et double obèle|U+2020 Obèle]] | ||
rect | rect 544 189 571 216 [[Caractères pris en charge|U+0068 Lettre minuscule latine h]] | ||
rect | rect 544 161 571 189 [[Caractères pris en charge|U+0048 Lettre majuscule latine h]] | ||
rect | rect 571 189 598 216 [[Touches mortes#Point souscrit|Touche morte ‹ Point souscrit ›]] | ||
rect | rect 571 161 598 189 [[Manuel#Obèle et double obèle|U+2021 Double obèle]] | ||
rect | rect 598 189 626 216 [[Caractères pris en charge|U+0066 Lettre minuscule latine f]] | ||
rect | rect 598 161 626 189 [[Caractères pris en charge|U+0046 Lettre majuscule latine f]] | ||
rect | rect 626 189 653 216 [[Touches mortes#Ogonek|Touche morte ‹ Ogonek ›]] | ||
rect | rect 626 161 653 189 [[v2:Projet|(Emplacement disponible)]] | ||
# Rangée A | # Rangée A | ||
rect | rect 217 243 353 269 [[Manuel#Espaces|U+0020 Espace]] | ||
rect | rect 217 216 353 243 [[Manuel#Espace fine insécable|U+202F Espace fine insécable]] | ||
rect | rect 353 243 488 269 [[Manuel#Tiret bas|U+005F Tiret bas]] | ||
rect | rect 353 216 488 243 [[Manuel#Espace insécable|U+00A0 Espace insécable]] | ||
</imagemap>}}</div> | </imagemap>}}</div> | ||
<noinclude> | <noinclude> | ||
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 | 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'' »). | ||
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 [https://dispoclavier.eu/imagemap.ods ce classeur]. | |||
</noinclude> | </noinclude> |
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.