1 pièce(s) jointe(s)
[HTML]Cellule de tableau à la taille d'une image (auto)
bonjour !
j'ai un tableau, avec une cellule comportant une image (pensez à une fiche de film, image du film à gauche, infos techniques à droite de l'image et résumé en dessous...)
j'aimerais que ma cellule (<td>) soit de la taille de mon image, et ce de manière plus ou moins "automatique", car la taille de l'image peut changer à chaque fois.
Mon problème, c'est que quand j'insère mon image, la cellule est bien adapté en taille en hauteur, mais elle est plus large que l'image d'au moins 30pixels. Et le texte "infos techniques" qui se trouve dans la cellule de droite ne dispose donc pas de tout l'espace auquel il pourrait avoir "droit".
Avez-vous une idée pour m'aider svp ?
ps : je mets en pièce jointe une image avec les cellules "entourées" d'une bordure rouge. On voit bien que la largeur de la cellule de l'image est plus large que l'image elle même...
Code:
1
2
3
4
5
6
7
8
9
10
| <table id="fiche_table">
<tr>
<td class="imagefilm"><img src="fiche1.jpg" /></td>
<td class="infostechniques"><span class="titre_fiche">INSIDE MAN - L'HOMME DE L'INTERIEUR</span><br /><span class="realisateur_fiche">de spike lee</span><br />
USA, 2006, 2h10, vostf / Avec Denzel Washington, Jodie Foster, Clive Owen, Willem Dafoe</td>
</tr>
<tr>
<td colspan="2">L’inspecteur Keith Miller de la police new-yorkaise est un homme de terrain en passe d’être promu, mais sur lequel pèsent des accusations à la suite d’une bavure. Lui et son partenaire sont envoyés sur les lieux d’un hold-up avec prise d’otage et se retrouvent face à un criminel de grande envergure. Des négociations tendues s’engagent et une avocate influente s’immisce dans la crise. Miller se rend alors compte que dans ce jeu du chat et de la souris, les règles sont arbitraires et les responsabilités des uns et des autres sont peu claires.</td>
</tr>
</table> |
CSS:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| td.infostechniques {
vertical-align:top;
text-align:left;
}
td.imagefilm {
margin: 0px 0px 0px 0px;
}
.titre_fiche {
font-size: 14px;
font-weight: bold;
}
.realisateur_fiche {
color: #3399FF;
font-size:12px;
} |
