Probléme de marge sur image dans un tableau
Exileur
Messages postés
1621
Date d'inscription
Statut
Membre
Dernière intervention
-
Exileur Messages postés 1621 Date d'inscription Statut Membre Dernière intervention -
Exileur Messages postés 1621 Date d'inscription Statut Membre Dernière intervention -
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
--
N'oubliez pas de marquez votre post comme résolut lorsque vous avez eu les réponses à vos questions...
Au royaume des aveugles, les borgnes sont rois.
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
--
N'oubliez pas de marquez votre post comme résolut lorsque vous avez eu les réponses à vos questions...
Au royaume des aveugles, les borgnes sont rois.
1 réponse
-
salut
essaie de mettre margin et padding à 0 pour td et th et img
-
-
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;
} -
-
-
