Pb feuille de style CSS .. margin
Résolu
Bonjour,
Une question bete?
j'ai une image et je voudrais la centré dans un tableau
en gros voici le code :
<table id="MonTableau" width="100%" border="1" cellspacing="0">
<tr>
<td class="MaBalise"><span class="MaSpan"><img src="monimage.jpg" width="150" height="150" style="border-image:0;" alt="mon image"" /></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
et donc j'ai une feuille de style CSS qui contient :
table#MonTableau {
/*background-color:#FFFFFF;
border: solid #000 3px;
width: 400px;*/
}
.MaBalise {
background-image:url(/UrlDeMonImageEnFond.png);
background-repeat: no-repeat;
width:110px;
height:210px;
margin-left:0px;
margin-top:-50px;
}
span.MaSpan {
margin-left:12px;
margin-top:20px;
}
Et ma question est la suivante :
Pourquoi ce fichu code CSS ne prend pas en compte mon "margin-top" de MaSpan ??????
il me met bien mon image a 12 pixel du bord gauche mais impossible de caler celle-ci a 20pixel du bord haut.
Ai je manqué un episode????
--
"J'ai pas peur de mourir!!!"
..... Alors pourquoi tu fumes des lights??
Une question bete?
j'ai une image et je voudrais la centré dans un tableau
en gros voici le code :
<table id="MonTableau" width="100%" border="1" cellspacing="0">
<tr>
<td class="MaBalise"><span class="MaSpan"><img src="monimage.jpg" width="150" height="150" style="border-image:0;" alt="mon image"" /></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
et donc j'ai une feuille de style CSS qui contient :
table#MonTableau {
/*background-color:#FFFFFF;
border: solid #000 3px;
width: 400px;*/
}
.MaBalise {
background-image:url(/UrlDeMonImageEnFond.png);
background-repeat: no-repeat;
width:110px;
height:210px;
margin-left:0px;
margin-top:-50px;
}
span.MaSpan {
margin-left:12px;
margin-top:20px;
}
Et ma question est la suivante :
Pourquoi ce fichu code CSS ne prend pas en compte mon "margin-top" de MaSpan ??????
il me met bien mon image a 12 pixel du bord gauche mais impossible de caler celle-ci a 20pixel du bord haut.
Ai je manqué un episode????
--
"J'ai pas peur de mourir!!!"
..... Alors pourquoi tu fumes des lights??
Configuration: Windows Vista Safari 530.5
3 réponses
-
Coucou,
et bien c'est surper bizarre, ca ne marche pas non plus de cette facon :(
Alors j'ai reussi mais bon je comprends pas d'ou vient le probleme.
J'ai modifier <span class="MaSpan"> par <div class="MaSpan">
et en css j'ai cela maintenant :
.MaSpam {
margin-left:12px;
margin-top:-30px;
}
bizarrement il prend en negatif, alors que j'ai aucune delimitation ni quoi que ce soit décidé dans ce tableau.....
Bizarre, bien que ca marche si quelqu'un peu m'expliquer pourquoi, ca m'aiderai a comprendre :) -
Salut underscape,
essai de remplacermargin-top
parpadding-top
Et applique à .Mabalise, pas à .Maspan
-
tu veux centrer ton image ou ?
pcq pour centrer une image tu as juste a rajouter normalement
background-position: top center;
