Aide:Calage
Comment aligner à une position fixée ? Comment éviter les recouvrements ? Voila des tests en vrac :
Positionnement en %
[modifier | modifier le code]On change la taille :
On change les proportions :
Ca marche ! 
Positionnement en pixels
[modifier | modifier le code]À 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.
Ajustement des points
[modifier | modifier le code]
Tests d'ajustement des modèles de point.  équateur colonne 0 colonne 21 ligne 44 ligne 71  (100,30)  (150,30) nord-est sud est nord ouest ouest La bordure décale le contenu (sans)
La bordure décale le contenu (avec)
|
Ajustement des pictogrammes
[modifier | modifier le code]| en % | en px |
|---|---|
 |
- Conclusion
- préférer les tailles paires.
Masquage des liens
[modifier | modifier le code]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 dans des boites de tailles nulles
[modifier | modifier le code]| table v:middle h:right |
Alignement left et top toujours. Autrement dit, pas d'alignement .
Note : <table> ne respecte les dimensions données.
Propriétés top et bottom
[modifier | modifier le code]| ne |
| se |
| bottom=20 |
| bottom=40 |
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.
Comment centrer horizontalement ?
[modifier | modifier le code]ca marche !
ca marche !
ca marche pas !
ca marche !
Encadrements
[modifier | modifier le code]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}} | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
Pas de solution parfaite pour tous les zooms ! <STyx @ 24 octobre 2008 à 16:01 (CEST)
BUG : "thumb" colore en blanc le fond du point
[modifier | modifier le code](concerne {{Début d'illustration}})
Version originale :
 |
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" :
|
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)
Test de {{Étiquette}}
[modifier | modifier le code]BUG : printer preview generates awful borders
[modifier | modifier le code]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:
 |
Expension du modèle:
|
Without thumb (but corresponding style):
|
Comparaison avec l'affiche "thumb" de l'image vierge :
Amélioration de {{Point/Région}}
[modifier | modifier le code]
 Aide • Exemples |
| Fonctions avancées |
| Apparence Vector |
| Apparence Timeless |
 Projet:Scripts et gadgets |
 (en) User styles |
 common.css personnel |
 Common.css commun |
| Monobook.css commun |
| Vector.css commun |
| (en) Catalogue of classes |
| Index des propriétés CSS2 |
| common.js personnel |
| Common.js commun |
 Fonctions JavaScript |
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)
Conclusion
[modifier | modifier le code]- 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 @
