Comment aligner à une position fixée ? Comment éviter les recouvrements ? Voila des tests en vrac :

On change la taille :

On change les proportions :

Ca marche !

À taille normale les valeurs décimales sont apparemment tronquées. Mais, l'affichage agrandi gère (au mieux ?) les valeurs décimales (avec firefox). Donc, il ne faut pas arrondir ou tronquer les valeurs des propriétés de position.

Tests d'ajustement des modèles de point. équateur colonne 0 colonne 21 ligne 44 ligne 71 Modèle:Point carte Modèle:Point carte Modèle:Point carte Modèle:Point carte taille 12 Modèle:Point carte (100,30) taille 11 Modèle:Point carte (150,30) taille 12 Modèle:Point carte taille 11 Modèle:Point carte Modèle:Point carte nord-est sud est nord ouest ouest La bordure décale le contenu (sans) La bordure décale le contenu (avec)

en %	en px
(20,20)x11 (50,20)x10 (21,51)x11 (51,51)x10	(20,20)x11 Modèle:Point carte (50,20)x10 Modèle:Point carte (21,51)x11 Modèle:Point carte (51,51)x10 Modèle:Point carte

Conclusion

préférer les tailles paires.

Une bonne solution ; mais le débordement entraîne le masquage des liens

Donc {{Pictogramme avec toponyme/2}} a un gros défaut .

Idem avec <div> au lieu de <table>.

Alignement left et top toujours. Autrement dit, pas d'alignement .

Note : <table> ne respecte les dimensions données.

bottom positionne le bas de la fenêtre par rapport au bas (et non au haut ) de la fenêtre parent.

Pour positionner le bas de la fenêtre par rapport au haut de la fenêtre parent, il faut employer :

<div style="position:absolute;top: ...; ...; padding:0;"
><div style="position:relative;height:0px;margin:0;"
><div style="position:absolute;bottom:0px;"
>...</div></div></div>

Idem pour right.

ca marche !

Utiliser bottom+right

Modèles concernés : {{Point carte}} • {{Point/}} Problème : les points sont blanc à l' "Apercu avant impression" de firefox.

{{Point carte}}	{{Point/}}	Test avec span	Solution avec border	Solution avec border 2	Nouveau {{Point carte}}
Modèle:Point carte

Pas de solution parfaite pour tous les zooms !   <STyx @ 24 octobre 2008 à 16:01 (CEST)répondre

(concerne {{Début d'illustration}})

Version originale :

Arak Arak est au centre de la province de Markazi.

Le bug est dû à la class "thumb". Il y a :

div.thumb div a img { background:#FFF }

dans MediaWiki:Monobook.css :(

Test de la transparence avec "thumb" :

Version avec

<div class="thumbimage" style="background-color:#FFF;">

et sans "thumb" :

Arak Arak est au centre de la province de Markazi.

Idem :

Test de la transparence sans "thumb" mais avec <div class="thumbimage" style="background-color:white;">

Test de la transparence sans "thumb" ni <div class="thumbimage" style="background-color:white;">

Ca marche !   <STyx @ 31 octobre 2008 à 22:17 (CET)répondre

François Bayrou

Modèle concerné {{Début d'illustration}} :

See also Discussion modèle:Début d'illustration (list of occurrences of thumb in CCSs)

Code:

{{Début d'illustration|right}}{{Début de carte}}<!--
-->[[Fichier:French presidential election 2007 1st 180°.svg|200px|légende]]
{{Étiquette|40|45|[[François Bayrou]]|20|n}}
{{Fin de carte}}
{{Fin d'illustration
|French presidential election 2007 1st 180°.svg
|légende.}}

Result:

François Bayrou légende.

Expension du modèle:

François Bayrou légende.

Without thumb (but corresponding style):

François Bayrou légende.

Comparaison avec l'affiche "thumb" de l'image vierge :

Personnaliser l'interface

Données clés

Aide, Exemples

Fonctions avancées

Apparence Vector

Apparence Timeless

Projet:Scripts et gadgets

(en) User styles

CSS

common.css personnel

Common.css commun

Monobook.css commun

Vector.css commun

(en) Catalogue of classes

Index des propriétés CSS2

JavaScript

common.js personnel

Common.js commun

Fonctions JavaScript

Cliquez ici pour purger le cache

modifier

Le but est d'harmoniser ce modèle avec les conventions de Aide:Cartographie#Palette_d'objets et d'adopter la syntaxe correcte :

<span>[[Lien|Toponyme]]</span>

au lieu de (actuellement) :

[[Toponyme|<span>Toponyme</span>]]

Voir aussi : Index des éléments HTML • Index des propriétés CSS2

On obtient un résultat correcte avec :

span.map-region a { font-weight: bold; font-family: DejaVu Sans Condensed; color: rgb(100, 100, 100); }

dans le monobook perso.

La création d'une "class" semble nécessaire et incontournable.   <STyx @ (en break de long break ;) 24 avril 2010 à 17:15 (CEST)répondre

• Aucun moyen d'implémenter convenablement {{Pictogramme avec toponyme}}, {{Toponyme avec trait}} (et autres) .
• HTML c'est vraiment pourri pour le placement des boîtes ; vive TeX et GTK+.   <STyx @

• Les schémas de positionnement
• Index des éléments HTML

Projet cartographie
Géolocalisation (en)	Requêtes Modèles Paramétrage des cartes (Maintenance) Amélioration (discussion)
Cartographie	Requêtes Didacticiel Toutes les cartes, Atlas Compléter une carte / image, liste des points Cartes complétées
Recommandations	Fonds Relief Signalétique
Modèles	{{Palette Projet cartographie}} {{Palette Géolocalisation}} {{Palette Navigation Cartographie}} {{Atelier graphique carte}} {{G}}
Autres aides	Image Quelle licence utiliser ? SVG Prise en charge des images SVG WikiMiniAtlas