Les éléments HTML ont tous un comportement par défaut qui définit la façon dont le texte va apparaître dans la page et se positionner par rapport aux textes qui lui sont proches.
Cette gestion passe par la propriété display qui possède plusieurs valeurs prédéfinies :
les deux plus fréquentes étant block et inline.
Les balises qui possèdent ces propriétés par défauts sont :
En utilisant la propriété display, il devient possible de modifier le comportement par défaut d'un élément ou d'une balise. Un cas fréquent consiste à vouloir aligner les éléments d'une liste sur la même ligne plutôt que de les laisser se mettre les un en dessous des autres, par exemple pour un menu.
Par exemple, une liste ul, par défaut provoque un renvoie à la ligne par rapport à la ligne précédent et la ligne suivante. C'est une balise de type bloc et chaque élément de la liste aussi puisque chacun a son propre espace. En passant la valeur de la propriété display de li de block à inline ou inline-block nous pouvons alors afficher les éléments de liste sur la même ligne.
La propriété float va permettre de sortir un élément de l'ordre par défaut (consécutif). On pourrait la comparer aux images et encadrés de mise en page de magazines qui sont sortis de la continuité du texte pour être placé à souhait dans la page et autour duquel le contenu textuel va couler.
Dans le cas de la propriété Float, les choses sont un peu plus compliquées, mais cette solution est très largement utilisée.
float peut prendre 2 valeurs :
Il sera donc souvent important de définir correctement les dimensions des éléments pour que tout se déroule au mieux et bien occupé l'espace disponible.
Lorsqu'un élément subi la flottaison d'un autre et que l'on souhaite contrecarrer cette interaction, il suffira de lui attribuer la propriété clear:both.
Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.
Vous devriez rafraîchir la page.