logo

NPDS
Responsive

banner
Labo de développement 2015-2025 version master
7 visiteur(s) et 0 membre(s) en ligne.
Mercredi 10 juin 2026 à 10:49:40
Plus de contenu
Radios online
Langue
Carte des utilisateurs
Carte
Menu
🎨 Skin viewer
Anniversaire
Aucun anniversaire à venir
Galeries Photo

Concrétions

Petites Annonces

0 Annonce(s) publiée(s)

Divers
Sports
nature
Cat de test

Consulter

Glossaire
icon_npds_glossaire

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | Autres

Agenda

Juin
2026

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
Jour avec événement(s)
Jour férié
Les plus téléchargés
Index / Divers / Pages statiques

On positionne avec quoi? -

(153 mots dans ce texte ) -  lu : 1215 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
Plus de contenu
Catégories
Article du Jour
Il n'y a pas encore d'article du jour.
Anciens Articles
Un Bloc à  passer à  gauche
pour test