NPDS
Responsive
Labo de développement JPB-PHR 2018
1 visiteur(s) et 0 membre(s) en ligne.
Test photosize
Menu
Langue
Carte
Last download
- 1 npds_annonces16-06-2017
- 2 npds_agenda15-05-2017
- 3 photosize27-03-2017
- 4 86-Carte_chinoise.jpg14-03-2017
- 5 npds_encapsuleur28-02-2017
- 6 cyborg25-12-2016
- 7 cosmo25-12-2016
- 8 flatly25-12-2016
Recherche
glossaire
Sondage
Galeries Photo
Agenda
Activité du Site
Pages vues depuis 20/04/2015 : 1 137 160
- Nb. de membres 19
- Nb. d'articles 809
- Nb. de forums 49
- Nb. de sujets 10
- Nb. de critiques 15
Index / Divers / Pages statiques
On positionne avec quoi? -
(153 mots dans ce texte ) - lu : 20 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
bloc de même hauteur