Blocs image

Variantes du bloc image avec différents positionnements de l'image, du titre et du texte — au-dessus ou en dessous du reste du contenu à chaque fois.

Image seule

Élément image pur, sans texte d'accompagnement.

Image et texte

Image au-dessus, en dessous, à gauche ou à droite d'un paragraphe de texte.

Image en haut

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image en bas

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image à gauche

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image à droite

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image, titre et texte

Image au-dessus, en dessous, à gauche ou à droite du titre et du texte — pour un contenu plus détaillé.

Image en haut

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image en bas

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image à gauche

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image à droite

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Adaptation de l'image (fit)

Contrôle la façon dont l'image remplit son cadre : « cover » recadre l'image, « contain » l'affiche entièrement dans le cadre.

cover

contain

Avec liste à puces et lien

Liste à puces supplémentaire et lien complémentaire, interne ou externe — l'icône flèche ainsi que target/rel s'adaptent automatiquement.

Lien interne

Solutions SAP Assurance

  • Migration SAP S/4HANA
  • Modules d'assurance sur mesure
  • Support et maintenance continus
En savoir plus

Lien externe

Solutions SAP Assurance

  • Migration SAP S/4HANA
  • Modules d'assurance sur mesure
  • Support et maintenance continus
Visiter sap.com (s'ouvre dans un nouvel onglet)

Bonnes pratiques

Choisir cover ou contain consciemment

Utiliser « cover » pour des grilles régulières avec des images recadrées ; « contain » seulement si l'image entière doit rester visible (p. ex. logos, diagrammes).

Garder les listes courtes

Trois à cinq points courts suffisent — des listes plus longues font éclater la forme compacte du bloc.

Un seul lien par bloc

Un bloc image ne devrait avoir qu'un seul lien complémentaire, sinon l'action visée devient ambiguë.