Réussisez vos alignements HTML avec du CSS.

:salut:

Pour terminer la semaine sur une bonne note, Pascale Lambert propose un tutoriel sur la gestion des alignements HTML réalisés en CSS. En effet, à l'aide d'exemples basés sur une image, un texte et la propriété CSS float, elle réussie à nous montrer des techniques qui peuvent s'avérer utiles dans nos développements (futures ?).

N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

Voir aussi les cours et tutoriels pour apprendre CSS.

Merci à elle :)

Bon tutoriel :ccool:.
Mais je n'aime pas le fait que tu aies ouvert une balise de paragraphe uniquement pour mettre une image.
Ça modifie la structure du document HTML et je ne trouve pas ça propre :(.
Je préfère faire comme ça :

Code:

---

1 2 3

.flotte { float: left; }

---

Code:

---

1 2 3 4

<p style="line-height: 65px;"> <img src="images/new.png" alt="Nouveau !" class="flotte" /> Toutes les nouveautés, rien que des nouveautés. </p>

---

Comme ça, au niveau de la structure du document, l'image est bien dans le paragraphe ;).