Le positionnement flottant
Pour améliorer l'esthétique de votre site, vous pouvez positionner les blocs à un endroit précis. Pour cela, on utilisera la propriété float. float ne peut avoir que deux valeurs: left ou right.
Tout d'abord, on tape le texte des blocs dans <BODY>:

<DIV>
<P id="un">Texte du premier paragraphe</P>
<P id="deux">Texte du second paragraphe</P>
</DIV>

Ensuite on tape la feuille de style dans <HEAD>:

DIV{
width:x px;
height:y px;
background:"#code hexadécimal";
}
p#un{
float:left;
widht:x px;
background:"#code hexadécimal";
}
p#deux{
float:right;
background:"#code hexadécimal";
}

Voici le résutat:
Exemple de position flottante

Pour créer un fichier externe, tapez le code dans un nouveau document du bloc-note et enregistrez-le en .css. Appelez ensuite votre fichier CSS dans <HEAD> avec la balise <link rel="stylesheet" type="text/css" href="fichier.css">

Si vous voulez éviter l'écoulement du premier bloc autour du second, vous utiliserez clear:both; ce qui aura pour effet d'empècher l'écoulement.

précédent   suivant

Creative Commons License
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.0322 secondes.
Retour en haut de la page
Imprimer cette page