Les {SPLIT} pour créer des colonnes dans une page, c'est bien. Mais cela comporte aussi quelques limitations, en particulier en terme de largeur de fenêtre minimum lorsque les colonnes contiennent des éléments à largeur définie (comme une image par exemple).
Par exemple, un split de deux colonnes dont les deux colonnes contiennent des images de 400px de large fait que la largeur minimum de la page sera de 800px, ce qui peut être impraticable sur certains petits écrans (eeepc par exemple).
Alors certe, dès fois, on souhaite qu'il y ai deux colonnes l'une en face de l'autre dans tous les cas, mais dans certains autres cas, ceci peut être évité, comme par exemple dans la page ci-dessus ("code" à gauche et "rendu" à droite peuvent être avantageusement remplacé par "code" au dessus et "rendu" en dessous sur les petits écrans, en particulier pour la démo de page wiki type)
Dans ce cas, voici la syntaxe à utiliser :
Copy to clipboard
{DIV(float=left)}élément à gauche ou au dessus{DIV}{DIV(class=inlineblock)}élément à droite ou en dessous{DIV}
On peut aussi ajouter les paramètres suivants au plugiciel DIV :
class=mw50pc
rendu : largeur minimum 50% de la fenêtre
class=mw75pc
rendu : largeur minimum 75% de la fenêtre
Par exemple, un split de deux colonnes dont les deux colonnes contiennent des images de 400px de large fait que la largeur minimum de la page sera de 800px, ce qui peut être impraticable sur certains petits écrans (eeepc par exemple).
Alors certe, dès fois, on souhaite qu'il y ai deux colonnes l'une en face de l'autre dans tous les cas, mais dans certains autres cas, ceci peut être évité, comme par exemple dans la page ci-dessus ("code" à gauche et "rendu" à droite peuvent être avantageusement remplacé par "code" au dessus et "rendu" en dessous sur les petits écrans, en particulier pour la démo de page wiki type)
Dans ce cas, voici la syntaxe à utiliser :
On peut aussi ajouter les paramètres suivants au plugiciel DIV :
rendu : largeur minimum 50% de la fenêtre
rendu : largeur minimum 75% de la fenêtre
rendu : largeur minimum 400px