J'ai un problème dans la création ou plutôt dans l'implantation d'image dans un tableau.
Je m'explique:
J'ai créé un tableau afin de pouvoir mêttre une new...(c'est pas vraiment important..)
Premièrement je les créé SANS rien, aucun Style CSS ni mise en page, juste pour être CERTAIN de mon tableau de base...
Je lui est donné ces attributs:
Code : Tout sélectionner
<table>
<tr>
<td class="" rowspan="3">blop</td>
<td class="" colspan="2">blop2</td>
</tr>
<tr>
<td class="" rowspan="2">blop3</td>
<td class="" rowspan="2">blop4</td>
</tr>
<tr>
</tr>
<tr>
<td class="" colspan="3">blop5</td>
</tr>
<tr>
<td class="" colspan="3">blop6</td>
</tr>
</table>
Ce qui est dans mon Cas PArfait, le résultat que je souhaitais obtenir!
Je suis donc tout content et je crois que le reste sera facile car je n'es qu'a insérer des images de fond dans chaque cellules.
J'affecte d'on a met variable des image de fond (en CSS) avec des class.
Voici le code CSS:
Code : Tout sélectionner
.news_date {
background:url(img/new_date.png) no-repeat;
width: 86px;
height: 86px;
padding:0px;
margin: 0px;
vertical-align: top;
}
.news_titre {
width: 505px;
height: 39px;
padding:0px;
margin: 0px;
vertical-align: top;
}
.news_tags{
background:url(img/new_infobar_left.png) no-repeat;
width: 347px;
height: 47px;
padding:0px;
margin: 0px;
vertical-align: top;
}
.news_auteur{
background:url(img/new_infobar_right.png) no-repeat;
width: 158px;
height: 47px;
padding:0px;
margin: 0px;
vertical-align: top;
}
.news_body{
background:url(img/new_body.png);
width: 591px;
height: 100%;
padding:0px;
margin: 0px;
vertical-align: top;
}
.news_footer{
background:url(img/new_footer.png) no-repeat;
width: 591px;
height: 7px;
padding:0px;
margin: 0px;
vertical-align: top;
}
Bizarement j'obtient le résultat suivant:
Pour le texte qui est mal enligné et tout c'est pas le problème, en fait c'est que le carré en haut a gauche ne s'emboîte pas avec le reste, ou plutôt le reste ne s'emboîte pas avec le carré...
J'ai vérifié plus de 10 fois mes dimension donc je ne crois pas pouvoir avoir fait la même erreur 10 fois....
Je n'y comprend plus rien....
J'ai tenté de décortiquer... de changer les dimensions ou autre et j'obtient toujours le même résultat!
Quelqu'un à une idée?
Merci beaucoup à celui ou celle qui m'aidera!
Cordialement,
Maxime
