Cette section est close pour le moment.
Mais je n'arrête pas la veille, loin de là. Retrouvez mes projets sur Github et sur cette page qui sera à jour plus régulierement


Ressources

Définition de ressource : (nom féminin) Qui peut fournir ce dont on a besoin.
Vous l'aurez compris, sur cette page ce ne sont pas vraiment des tutoriels, c'est plutôt des penses-bêtes plus ou moins fournis mais qui vous permettront d'avoir des bases concernant la programmation.
Recherche par tag

Mettre fin au flottement des feuilles de style

Mettre fin au flottement des feuilles de style
Publication : Le 29/09/2012 à 17:46:45

L'astuce

Jouer avec les flottements est indispensable pour designer un site internet.

Malheureusement dans certains cas, un décalage se créé. Ce qui rend le style totalement raté.

L'astuce simple est d'appeler une
qui va faire un "reset" du flottement. Pas la peine de mettre de contenu dans cette div.

Essayez avec l'exemple ci-dessous, enlevez la ligne d'appel de la classe "clear" pour voir le décalage.
<style>
.left{
float:left;
width:45%;
height:200px;
background-color:red;
}

.center{
float:left;
width:25%;
height:100px;
background-color:blue;
}

.right{
float:right;
width:25%;
height:100px;
background-color:yellow;
}

.clear{
clear:both;
}
</style>

<div>

<div class="left">GAUCHE</div>
<div class="center">CENTRE</div>
<div class="right">DROITE</div>

<div class="clear"></div>

<div class="left">GAUCHE</div>
<div class="center">CENTRE</div>
<div class="right">DROITE</div>

</div>

Sur le même thème

Mettre fin au flottement des feuilles de style
Publication : Le 29/09/2012 à 17:46:45

Tags

Tags : hack / CSS

Suggestion :

Changer sa police avec le service Google web fonts

Changer sa police avec le service Google web fonts