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 -
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
!
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:
- Décalage bordure tableau après ajout de lien
- Tableau word - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
ca a réglé le problème :)