ceci est notre colonne de gauche
où l'on va écrire des choses et même encore beaucoup de choses autour de la photo de coco qui lui observe tout cela avec philosophie. Nous avons rajouté dans le texte sous ' div id="colonnegauche" ' l'appel de l'image - img src="coco.png" width="20%" - (l'image initiale trop grande est ici réduite à 20% de sa taille réelle par l'instruction width=20%) . Nous ordonnons ensuite le texte autour de l'image par le style :
#colonnegauche img
{float:left;
margin-right:5px;
}
où 'float:left;' signifie que le texte doit flotter à gauche cad envelopper l'image par la droite ( eh oui ! ) en laissant une marge d'aération à droite de 5 pixels - margin-right:5px; -.
retour st jean de luz css
ici la colonne droite où l'on peut écrire tout ce qu'on veut