Carte des utilisateurs
Lettre d'information

Recevez par mail les nouveautés du site.

Langue
Petites Annonces

0 annonce(s) publiée(s)

Automobiles
Bateaux
Bibelots

Consulter

Last download
Recherche
Chat anonyme -1
Nos vidéos

Publiée le 22-10-2018

qui

Il y a actuellement 6 visiteur(s) et 0 membre(s) en ligne.

Devenez membre privilégié en cliquant ici

Sondage
Que pensez vous de l'utilisation d'un framework dans npds c'est une catastrophe
 c'est contraignant mais le résultat est très bon
 c'était mieux sans
Résultats  Anciens sondages
  • Votes : 36
Agenda

Juillet
2019

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
jpb.
jpb.ok
pagestec.test
pagestec.
pagestec.
pagestec.

Galeries Photo
Activité du Site

Pages vues depuis 20/04/2015 : 4 599 995

  • Nb. de membres 27
  • Nb. d'articles 28
  • Nb. de forums 50
  • Nb. de sujets 9
  • Nb. de critiques 17

Top 10  Statistiques

github
Index / Divers / Pages statiques

On positionne avec quoi? -

(153 mots dans ce texte ) -  lu : 61 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