Discussion :

[diane621]

Bonjour,
J’aurais besoin de votre aide. J’intègre une newsletter.
J’ai un bloc qui ne passe sur aucun clients mail (mobile-desktop) . Je n’arrive pas à trouver le problème.
J’ai fait des découpes d’image car l’utilisation du border-radius en css pour faire les arrondis ne marche pas sur tous les clients mail.

Voici le code :
https://jsfiddle.net/w02f9tpk/

Avez-vous une solution pour éviter ces décalages ?
Sachant que c’est un tableau avec des bords arrondis. L’entête peut avoir un auteur fixe car c’est une date et le texte à l’intérieur peut être peut contenir plusieurs caractères.

Merci,

[NoSmoking]

Bonjour,

car l’utilisation du border-radius en css pour faire les arrondis ne marche pas sur tous les clients mail.

d'un autre côté l'ajout cosmétique reste discutable !

Je n’arrive pas à trouver le problème.

trop de TABLE tue les TABLEs !

Essaie de partir d'une structure plus simple, par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<table>
    <tr>
        <td>▛</td>
        <td rowspan="3">Le titre</td>
        <td>▜</td>
    </tr>
    <tr>
        <td>▌</td>
        <td>▌</td>
    </tr>
    <tr>
        <td>▙</td>
        <td>▟</td>
    </tr>
    <tr>
        <td>▌</td>
        <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet pellentesque porta. Nunc varius mollis metus suscipit finibus. Sed posuere neque sed lacinia pharetra. </td>
        <td>▌</td>
    </tr>
    <tr>
        <td>▙</td>
        <td>▅</td>
        <td>▟</td>
    </tr>
</table>

Note l'utilisation de l'attribut rowspan.