« Modèle:Table » : différence entre les versions

1 045 octets ajoutés ,  il y a 11 ans
bogue Firefox 2 corrigé (nombreux tests, 35 versions de navigateurs testées, seul IE6 n'affiche pas les pointillés)
(un div entièrement vide a une hauteur minimale de 1em*line-height sous IE6 et Firefox 2; il doit aussi être fermé en deux balises (parser HTML et non XHTML))
(bogue Firefox 2 corrigé (nombreux tests, 35 versions de navigateurs testées, seul IE6 n'affiche pas les pointillés))
<includeonly><!--
= EXTERNE: Conteneur général (relatif, et à fond non transparent) pourde positionnement lesde deuxla couchestable z-index=
--><div style="position:relative;<!--
-->margin:{{{espace|0.2em25em}}} auto;{{#switch:{{{align|center}}}|left|right=margin-{{{align|}}}:0;}}<!--
-->{{#if:{{{largeur|}}}|width:{{{largeur|}}};}}<!--
-->{{#if:{{{couleur_fond|}}}|background:{{{couleur_fond|}}};|{{#ifeq:{{{1|}}}|nodots||background:#FFFFFF;}}}}<!--
-->{{#if:{{{couleur|}}}|color:{{{couleur|}}};|{{#ifeq:{{{1|}}}|nodots||color:#000000;}}}}<!--
-->line-height:normal;zoom:1<!-- zoom pour forcer hasLayout (bogue IE6 des marges)
-->{{#ifexpr:{{{indentation|0}}}>0|<!--
-->text-indent:{{#expr:{{{indentation|0}}}}}{{{indentation_unit|em}}};<!--
-->}}<!--
-->line-height:1.3<!--
-->"><!--
-->{{#if:{{{page|}}}|<!--
Conteneur transparent superposé (z-index:2 sur chaque composant) sur les pointillés (z-index:1)
== TDM : Conteneur avec section+titre+page (seulement nécessaire si numéro de page) ==
--><div style="position:relative;z-index:2;<!--
-->{{#if:{{{section|}}}|{{#ifexpr:{{{largeurs|45}}}>0|<div style="margin-left:{{#exprright:{{{largeurslargeurp|45}}0}}}px;}}}}"><!--
=== GAUCHE+CENTRE: Conteneur flottant à gauche avec section+titre (seulement nécessaire si numéro de page) ===
-->{{#ifexpr:{{{largeurp|0}}}>0|margin-right:{{{largeurp|0}}}px;}}<!--
--><div style="float:left;width:100%"><!--
-->{{#switch:{{{text-align|justify}}}|left=|right|center=text-align:{{{text-align|justify}}};|#default=text-align:justify}}<!--
-->"><!--
1) Numéro de section (flottant à gauche, non indenté, aligné à droite, peut déborder à droite de la largeur minimale indiquée)
-->{{#if:{{{section|}}}|<!--
--><span style="float:left;<!-- un flottant est un bloc qui ne prend pas toute la largeur
-->{{#ifexpr:{{{largeurs|45}}}>0|<!--
-->margin-left:{{#expr:-{{{largeurs|45}}}}}px;<!--
-->min-width:{{#expr:{{{largeurs|45}}}}}px;<!--
-->}}<!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
-->background:{{#if:{{{couleur_fond|}}}|{{{couleur_fond|}}}|#FFFFFF}};<!-- fond NON transparent pour masquer les pointillés
-->}}<!--
-->text-indent:0;text-align:right<!--
-->">{{{section|}}}&nbsp;<!--
--></span><!--
-->}}<!--
-->{{#if:{{{section|}}}|<!--
2) Conteneur interne optionnel pour gérer la marge d’indentation négative
==== GAUCHE: Conteneur flottant à gauche du numéro de section (non transparent si pointillés) ====
-->{{#ifexpr:{{{indentation|0}}}<0|<!--
--><div style="float:left;z-index:2;min-width:{{{largeurs|45}}}px;text-indent:0;text-align:right;white-space:nowrap"><!--
--><div style="<!--
-->margin-left:{{#exprifeq:-{{{indentation1|0}}}}}{{{indentation_unit|em}}};nodots||<!--
-->text-indent<span style="background:{{#exprif:{{{indentationcouleur_fond|0}}}}}|{{{indentation_unitcouleur_fond|em}}}|#FFFFFF}}"><!--
-->">}}<!--
-->{{{section|}}}&nbsp;<!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
3) Titre de section (indentable, déplaçable par le numéro de section, sécable à la position du numéro de page flottant à droite)
--></span><!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
--><span style="<!-- Attention, PAS un bloc div (ne doit PAS prendre toute la largeur) -->}}<!--
==== GAUCHE: Fin du conteneur du numéro de section (non transparent si pointillés) ====
-->background:{{#if:{{{couleur_fond|}}}|{{{couleur_fond|}}}|#FFFFFF}}<!-- fond NON transparent pour masquer les pointillés
-->"</div><!--
==== CENTRE: Conteneur du titre et des pointillés ====
-->}}<!--
--><div style="position:relative;margin-left:{{{titrelargeurs|45}}}&nbsp;px"><!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
-->{{#ifexpr:{{{indentation|0}}}</span>0|<!--
===== Conteneur interne optionnel pour gérer la marge d’indentation négative =====
-->}}<!--
--><div style="<!--
4) Numéro de page (flottant à droite, non indenté, aligné à droite, insécable, peut déborder à gauche de la largeur minimale indiquée)
-->margin-left:{{#expr:-{{{indentation|0}}}}}{{{indentation_unit|em}}};<!--
-->text-indent:{{#expr:{{{indentation|0}}}}}{{{indentation_unit|em}}}<!--
-->"><!--
-->}}<!--
====== Le titre lui-même (justifiable, indentable), en haut du conteneur CENTRE (non transparent si pointillés) ======
--><div style="position:relative;z-index:2;<!--
-->text-align:{{#switch:{{{text-align|justify}}}|left|right|center={{{text-align|}}}|#default=justify}};<!--
-->{{#ifexpr:{{{indentation|0}}}>0|text-indent:{{#expr:{{{indentation|0}}}}}{{{indentation_unit|em}}}}}<!--
-->"><!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
--><span style="background:{{#if:{{{couleur_fond|}}}|{{{couleur_fond|}}}|#FFFFFF}}"><!--
-->}}<!--
-->{{{titre|}}}<!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
-->&nbsp;</span><!--
-->}}<!--
--></div><!--
-->{{#ifexpr:{{{indentation|0}}}<0|<!--
===== Fin du conteneur interne optionnel pour gérer la marge d’indentation négative =====
--></div><!--
-->}}<!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
===== Les pointillés éventuels (superposés en bas, nécessite un positionnement absolu dans le conteneur CENTRE) =====
--><div style="position:absolute;z-index:1;<!--
-->bottom:.3em;<!--
-->left:{{#expr:abs({{{indentation|0}}})+1}}{{{indentation_unit|em}}};right:0;<!--
-->border-bottom:.135em dotted {{#if:{{{couleur|}}}|{{{couleur|}}}|#000000}}<!--
-->"/><!--
-->}}<!--
-->{{#if:{{{section|}}}|<!--
==== CENTRE: Fin du conteneur du titre et des pointillés ====
--></div><!--
==== Étend le flottant à gauche verticalement (le numéro de section) ====
--><div style="clear:both"/><!--
-->}}<!--
-->{{#if:{{{page|}}}|<!--
=== GAUCHE+CENTRE: Fin du conteneur avec section+titre (seulement nécessaire si numéro de page) ===
--><span style="float:right;<!-- un flottant est un bloc qui ne prend pas toute la largeur
-->{{#ifexpr:{{{largeurp|0}}}</div>0|<!--
=== DROITE: Conteneur flottant à droite du numéro de page (seulement nécessaire si numéro de page) ===
-->margin-right:{{#expr:-{{{largeurp|0}}}}}px;<!--
-->min-width<div style="float:{{#expr:{{{largeurp|0}}}}}px;right"><!--
Le numéro, insécable, est positionné verticalement en bas dans le flottant (non transparent si pointillés)
-->}}<!--
--><div style="position:absolute;z-index:2;bottom:0;right:0;text-indent:0;text-align:right;white-space:nowrap"><!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
-->background:{{#ififeq:{{{couleur_fond1|}}}|{{{couleur_fondnodots|}}}|#FFFFFF}};<!-- fond NON transparent pour masquer les pointillés
--><span style="background:{{#if:{{{couleur_fond|}}}|{{{couleur_fond|}}}|#FFFFFF}}"><!--
-->}}<!--
-->&nbsp;<!-- seulement pour éviter de coller aux pointillés
-->text-indent:0;text-align:right;white-space:nowrap<!--
-->">&nbsp;{{{page|}}}<!--
--></span>{{{page|}}}<!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
--><div style="clear:right;line-height:0"></div><!--
-->}}</span><!--
-->}}<!--
6) Fin du conteneur interne optionnel pour gérer la marge d’indentation négative
-->{{#ifexpr:{{{indentation|0}}}<0|/div><!--
=== DROITE: Fin du conteneur du flottant du numéro de page (seulement nécessaire si numéro de page) ===
--></div><!--
-->}}</div><!--
=== Étend le flottant à droite verticalement (pour descendre le numéro de page) ===
--></div><!--
--><div style="clear:both"/><!--
Pointillés en arrière-plan (z-index:1, partiellement masqué par le contenu précédent)
== TDM :Fin du conteneur avec section+titre+page (seulement nécessaire si numéro de page) ==
-->{{#ifeq:{{{1|}}}|nodots||<!--
--></div><!--
1) Conteneur interne optionnel pour gérer la marge d’indentation négative
-->{{#ifexpr:{{{indentation|0}}}!=0|<!--
--><div style="position:relative;z-index:1;<!--
-->margin-left:{{#expr:abs({{{indentation|0}}})}}{{{indentation_unit|em}}};<!--
-->"><!--
-->}}<!--
2) Pointillés eux-mêmes
--><div style="<!--
-->{{#if:{{{section|}}}|margin-left:{{#expr:{{{largeurs|45}}}+1}}px;}}<!--
-->margin-top:-.4em;height:.4em;<!--
-->border-top:.125em dotted <!--
-->{{#ifeq:{{{1|}}}|nodots||<!--
-->{{#if:{{{couleur|}}}|{{{couleur|}}}|#000000}};<!-- pointillés de la même couleur que le texte
-->}}<!--
-->"></div><!--
3) Fin du conteneur interne optionnel pour gérer la marge d’indentation négative
-->{{#ifexpr:{{{indentation|0}}}!=0|<!--
--></div><!--
-->}}<!--
= EXTERNE: Fin du conteneur =
-->}}<!--
Assure un positionnement en bas du bloc flottant à gauche
-->{{#if:{{{section|}}}|<!--
--><div style="clear:left;line-height:0"></div><!--
-->}}<!--
Fin du conteneur général
--></div><!--
--></includeonly><noinclude>{{documentation}}
Utilisateur anonyme