Décalage bordure tableau après ajout de lien [Résolu/Fermé]

Signaler
Messages postés
526
Date d'inscription
mardi 11 mai 2010
Statut
Membre
Dernière intervention
16 février 2019
-
Messages postés
526
Date d'inscription
mardi 11 mai 2010
Statut
Membre
Dernière intervention
16 février 2019
-
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

Messages postés
594
Date d'inscription
lundi 29 décembre 2014
Statut
Membre
Dernière intervention
3 juin 2020
39
Bonjour,
As tu essayé </p> normalement cela decale l'image

Cdt
Messages postés
526
Date d'inscription
mardi 11 mai 2010
Statut
Membre
Dernière intervention
16 février 2019
49
Après des recherches j'ai rajouté l'élément margin:

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