Décalage bordure tableau après ajout de lien

Résolu
Mayot35 Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   -  
Mayot35 Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   -
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>




!
A voir également:

1 réponse

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

Cdt
0
Mayot35 Messages postés 534 Date d'inscription   Statut Membre Dernière intervention   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