Décalage bordure tableau après ajout de lien

Résolu/Fermé
Mayot35 Messages postés 523 Date d'inscription mardi 11 mai 2010 Statut Membre Dernière intervention 16 février 2019 - Modifié par Mayot35 le 6/11/2015 à 16:49
Mayot35 Messages postés 523 Date d'inscription mardi 11 mai 2010 Statut Membre Dernière intervention 16 février 2019 - 6 nov. 2015 à 17:04
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

raxos Messages postés 652 Date d'inscription lundi 29 décembre 2014 Statut Membre Dernière intervention 31 juillet 2022 63
6 nov. 2015 à 16:48
Bonjour,
As tu essayé </p> normalement cela decale l'image

Cdt
0
Mayot35 Messages postés 523 Date d'inscription mardi 11 mai 2010 Statut Membre Dernière intervention 16 février 2019 60
6 nov. 2015 à 17:04
Après des recherches j'ai rajouté l'élément margin:

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