Carte des utilisateurs
Petites Annonces

0 Annonce(s) publiée(s)

Automobiles
Bateaux
Bibelots

Consulter

Lettre d'information

Recevez par mail les nouveautés du site.

Langue
Last download
Sondage
Test sondage
Résultats  Anciens sondages
  • Votes : 11
Agenda

Juillet
2021

L M M J V S D
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Jour avec événement(s)
Jour férié
Chat tous 0
Galeries Photo
Github jpb
Index / Divers / Pages statiques

On positionne avec quoi? -

(153 mots dans ce texte ) -  lu : 222 Fois


Comment positionner des éléménts cote à cote?

Float: left => une simple CLASS, efficasse sur tout les navigateurs

  • Avantage : simple, rapide, intuitif, hyper compatible
  • Inconvénient : positionnement hors du flux, nécessitera des ajustements (clearfix et autres anti-débordements)

 

premier
deuxième

 

 

Inline-block => compatible dés IE8

La propriété display: inline-block (sous forme de classe .inbl chez KNACSS) permet à un élément de s'afficher tel un "inline" tout en étant dimensionné.

  • Avantage : positionnement dans le flux.
  • Inconvénient : un espace "whitespace" apparaîtra entre les deux div et nécessitera de coller les balises ou de bidouiller en CSS pour être supprimé

 

premier
deuxième

 

Flexbox => l'avenir mais que depuis IE10

 

premier
deuxième

 

Table cell => row et col

 

premier
deuxième
bloc de même hauteur
Catégories
    Article du Jour
    Il n'y a pas encore d'article du jour.
    Un Bloc à  passer à  gauche
    pour test