Boite d'informations

Boite d'informations basé sur des div 1

Il est possible de réaliser des boites d'information en utilisant des div, voici un exemple avec 2 div imbriquées.

Entête de la boite

contenu
contenu
contenu
contenu

[[div style="background-color:#EEE;border:1px solid #000;width:200px;"]]
[[div style="background-color:#000;color:#FFF;font-weight:bold;padding:5px;"]]
= Entête de la boite
[[/div]]
[[div style="padding:5px"]]
[[=]]
contenu
contenu
contenu
contenu
[[/=]]
[[/div]]
[[/div]]

Boite d'informations flottante avec des tableaux 2

Boite d'informations
Titre un peu de texte
Titre un peu de texte
Titre un peu de texte

Comme vous pouvez le voir ce texte contourne la boite d'information qui semble flotter à droite, ce texte sert uniquement a vous démontrer ce principe.

[[div style="float:right;text-size:80%;margin-left:1%width:35%"]]
||||~ Boite d'informations||
|||| ||
||~ Titre || un peu de texte ||
||~ Titre || un peu de texte ||
||~ Titre || un peu de texte ||
[[/div]]

Bookmark and Share

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License