Utilisateur:Marilouw/001

Mémo-personnel pour la syntaxe en HTLM/CSS (utile pour les portails et les projets)

Couleurs

R = rouge / V = vert / B = bleu // #RRVVBB

#000000 = noir

#FFFFFF = blanc

#CDCDCD = gris

#800000 = rouge

#008000 = vert

#000080 = bleu

Titres

h1, h2, h3 ...

Sur wikipédia, les titres des pages sont de niveau h1.

Placement de blocs div

• paramètre flex-grow : facteur de grossissement
• paramètre flex-direction : pour que les blocs de placent en fonction d'un axe horizontal allant de gauche à droite la valeur est row
• paramètre align-items

Portail Afrique : structure

{{Bannière page}}
<div id="accueil-contenu" style="margin-left:.1rem; margin-right:.1rem">
.accueil-contenu { margin: 0.4em -1% 0.4em 0; display: flex; flex-flow: wrap; overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */
<div class="accueil_2017_cadre">
box-shadow: 0 0 0.3rem #999; border-radius: 0.2rem; padding: 1.2rem; margin-bottom: 1.6rem;
</div>

Aligner des images

avec display

Positionnement d'images dans un texte avec FLOAT

test - aligner une image avec float

Ultima Syriarum est Palaestina per intervalla magna protenta, cultis abundans terris et nitidis et civitates habens quasdam egregias, nullam nulli cedentem sed sibi vicissim velut ad perpendiculum aemulas: Caesaream, quam ad honorem Octaviani principis exaedificavit Herodes, et Eleutheropolim et Neapolim itidemque Ascalonem Gazam aevo superiore exstructas.

test plus complexe

Ultima Syriarum est Palaestina per intervalla magna protenta, cultis abundans terris et nitidis et civitates habens quasdam egregias, nullam nulli cedentem sed sibi vicissim velut ad perpendiculum aemulas: Caesaream, quam ad honorem Octaviani principis exaedificavit Herodes, et Eleutheropolim et Neapolim itidemque Ascalonem Gazam aevo superiore exstructas.