Décalage bordure tableau après ajout de lien

Résolu
Mayot35 Messages postés 631 Statut Membre -  
Mayot35 Messages postés 631 Statut Membre -
Bonjour,

J'ai un tableau sous la forme
<tr>
</tr>
<tr>
</tr>

(2 cellules en colonne)

Dans le premier j'ai une image d'illustration.

Dans le second une image en top et du texte (avec arrière plan coloré de la même couleur que l'image top)

Lorsque j'ajoute un lien sur l'image cela me décale l'image de quelque px et du coup elle n'est plus aligné avec le texte en dessous.

Comment les aligner ?
(je sais pas utiliser CSS ou javascript, c'est un google site, je fais du bidouillage ^^)

Pour que ca soit plus visuel
https://i.imgur.com/pBw0k5V.png

Le code en question
<table border="0" bordercolor="0" cellspacing="0">
<tbody>
<tr>
<td style="width:440px;height:310px">
<div style="display:inline;margin:5px 10px 0px 0px;float:left"><a href="coincoin"><img border="0" height="300" src="illustration" style="border-top-right-radius:20px" width="440"></a></div>
</td>
</tr>

<tr>
<td style="width:440px;height:300px">
<div style="display:block;text-align:left"><img border="0" height="22" src="topimage" width="440"></div>
<div style="width:400px;border-bottom-left-radius:20px;padding:10px 15px 10px 25px;text-align:left;background-color:rgb(168,67,141)">
<div style="text-align:left"><font color="#ffffff" size="3">Retrouvez les notes d'informations contractuelles et les documents types concernant les avenants, contrats, conventions et règlements de service</font></div>
<div style="text-align:left"><font color="#ffffff" size="3"><br>
</font></div>
<div style="text-align:left"><font color="#ffffff" size="3"><br>
</font></div>
<div style="text-align:left"><font color="#ffffff" size="3"><br>
</font></div>
<div style="text-align:left"><font color="#ffffff" size="3"><br>
</font></div>
<div style="text-align:left"><font color="#ffffff" size="3"><br>
</font></div>
<div style="text-align:left"><br>
</div>
<div style="text-align:center"><b><font color="#f3f3f3" face="trebuchet ms, sans-serif" size="4"><a href="coincoin">JURIDIQUE & CONTRACTUEL</a></font></b></div>
</div>
</td>
</tr>
</tbody>
</table>




!

1 réponse

  1. raxos Messages postés 674 Date d'inscription   Statut Membre Dernière intervention   70
     
    Bonjour,
    As tu essayé </p> normalement cela decale l'image

    Cdt
    0
    1. Mayot35 Messages postés 631 Statut Membre 60
       
      Après des recherches j'ai rajouté l'élément margin:

      margin:5px 10px 0px 0px
      ca a réglé le problème :)
      0