- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
css 3 Positionnement
display (inline, block, inline-block, none...)
transforme n'importe quel élément de votre page d'un type vers un autre. Par ex: imposer à ses liens (originellement de type inline) d'apparaître sous forme de blocs. Les liens vont se positionner les uns en-dessous des autres (comme des blocs normaux) et il devient possible de modifier leurs dimensions.
a
{
display: block;
}
inline-block (ex: <select>, <input> pour formulaires) : Eléments positionnés les uns à côté des autres (comme les inlines) mais qui peuvent être redimensionnés (comme les blocs).
none : Eléments non affichés. ex: .secret{display: none} à réafficher par js pour les menus/sous-menus
Pour cacher un élément
cacher | montrer |
display vs visibility |
---|---|---|
|
|
retire aussi l'espace (vertical) |
|
|
cache le tag, l'espace reste |