Probléme de marge sur image dans un tableau

Fermé

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 - 19 sept. 2014 à 16:32
Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 - 7 avril 2016 à 15:38

Bonjours à tous,

J'ai un tableau de 12*12, chaque case fait 34p*34p

Jutilise la fonction :
document.getElementById(id).style.backgroundImage = "img.jpg";

Avec ça, je met ou non mon background, tout fonctionne bien et lorsque j'utilise :

document.getElementById(id).innerHTML="<img src='img.gif' />";

Afin d'ajouter une image dans la case, la hauteur de la ligne augmente (peu-étre 2ou3pixel).

Je ne comprend pas dou cela peu venir, j'ai pourtant display:block ...

Voila le CSS utilisé :

img
{
display:block;
margin:0;
}

div

{

position: absolute;

width: 442px;

height: 442px;

}

table

{

border-collapse: collapse;

border:5px solid black

}

td, th

{

width: 34px;

height: 34px;

}

Merci de votre aide !
Cordialement

A voir également:

Probléme de marge sur image dans un tableau
Tableau croisé dynamique - Guide
Tableau word - Guide
Tableau ascii - Guide
Trier un tableau excel - Guide
Comment imprimer un tableau excel sur une seule page - Guide

1 réponse

Réponse 1 / 1

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
20 sept. 2014 à 02:01

salut
essaie de mettre margin et padding à 0 pour td et th et img

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
20 sept. 2014 à 13:58

Merci, j'avais déjà tester le margin, padding 0 sur l'img mais pas sur la table !

Pb résolu <3

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
Modifié par Exileur le 20/09/2014 à 14:51

J'ai parler trop vite, la ligne tout en haut bug lorsque le personnage est dessus :

http://lakonsole2d.olympe.in/console/?game=mario

Code CSS :
img
{
display:block;
margin:0;
padding:0;
}

div
{
position: absolute;
width: 442px;
height: 442px;
}

table
{
border-collapse: collapse;
border:5px solid black;
margin:0;
padding:0;
}

td, th
{
width: 34px;
height: 34px;
margin:0;
padding:0;
}

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
26 avril 2015 à 17:11

up ?

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
7 avril 2016 à 15:38

up?

Discussions similaires

Formule taux de marque

PIX

Bibliothèque

CALCULS