Discussion :

[a.smagghe]

Bonjour,

J'ai une image en jpeg que j'aimerai passer en html. C'est a dire que tout le texte soit en html et modifiable facilement.
Je la joins ici :

Pouvez vous m'aider svp ?

Cordialement

[Linaa]

Bonjour,

Tu peux couper l'image en deux, la première partie avec le prix, l'autre avec le texte.
Intuitivement, je dirai de faire un tableau de 2 colonnes, avec chacune des parties dans les cellules.
La première cellule : l'image avec le prix
La deuxième cellule : appliquer une couleur de fond de la couleur correspondante (le bleu) et y ajouter le texte.
Mais tout cela se fait également avec des blocs (div, span, etc.)

[Antoon]

Merci bcp pour ton aide mais je ne maitrise pas du tout les Div et les Span malheuresement.

Je vais essayer de découper ma photo comme tu me l'as conseillé & faire un tableau avec la meme couleur à coté.

Cordialement

@ntoon

[marcha]

Salut,

Tu peux faire plus simple avec un div qui contient une image de fond.
Tu reprend ton image et tu nettoye la partie de droite, en effaçant le
texte en remplissant avec la couleur de fond.

tu applique un padding-left en pixels qui correspond à la largeur du prix.
tu applique un background-image avec l'image de fond (en no-repeat)
tu fixe la largeur de ton div avec un width qui correspond à la largeur de
l'image total.

ensuite, tu saisi le texte voulu dans le div.