Présentation en grille : Différence entre versions
Sauter à la navigation
Sauter à la recherche
| Ligne 7 : | Ligne 7 : | ||
| − | < | + | |
| + | <pre> | ||
<!-- début bloc --> | <!-- début bloc --> | ||
| − | |||
<div style="padding:15px;margin: 5px 5px 0px 5px;display:flex;background-color:#E6F5FC;"> | <div style="padding:15px;margin: 5px 5px 0px 5px;display:flex;background-color:#E6F5FC;"> | ||
<div style="float: left; width: 32%; padding: 2px">[[[cr_9770a347ce07f468e4384980c8fa3792435ef3db]]]</div> | <div style="float: left; width: 32%; padding: 2px">[[[cr_9770a347ce07f468e4384980c8fa3792435ef3db]]]</div> | ||
| Ligne 21 : | Ligne 21 : | ||
</div> | </div> | ||
<div style="clear:both"></div> | <div style="clear:both"></div> | ||
| − | |||
<!-- fin bloc --> | <!-- fin bloc --> | ||
| − | </ | + | </pre> |
Version du 9 octobre 2018 à 12:35
Objectifs
- Présenter des éléments sous forme d'une grille
- Utiliser une méthode compatible avec les obligations d'accessibilité (pour les mal-voyants notamment).
Que devez-vous faire ?
<!-- début bloc --> <div style="padding:15px;margin: 5px 5px 0px 5px;display:flex;background-color:#E6F5FC;"> <div style="float: left; width: 32%; padding: 2px">[[[cr_9770a347ce07f468e4384980c8fa3792435ef3db]]]</div> <div style="float: left; width: 32%; padding: 2px">[[[cr_92d84c7a0d559da403d78a478f6c9697344300d3]]]</div> <div style="float: left; width: 32%; padding: 2px">[[[cr_69756fcc2612a1ecbfd88e8e0834c33b41151ff2]]]</div> </div> <div style="padding:15px;margin: 0px 5px 5px 5px;display:flex;background-color:#E6F5FC;"> <div style="float: left; width: 32%; padding: 2px"> texte 1</div> <div style="float: left; width: 32%; padding: 2px"> texte 2</div> <div style="float: left; width: 32%; padding: 2px"> texte 3</div> </div> <div style="clear:both"></div> <!-- fin bloc -->
