Pb feuille de style CSS .. margin

Résolu/Fermé
underscape
Messages postés
57
Date d'inscription
samedi 6 juin 2009
Statut
Membre
Dernière intervention
14 août 2009
- 1 août 2009 à 01:49
underscape
Messages postés
57
Date d'inscription
samedi 6 juin 2009
Statut
Membre
Dernière intervention
14 août 2009
- 1 août 2009 à 11:59
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????




3 réponses

b-boybaki
Messages postés
160
Date d'inscription
mardi 5 août 2008
Statut
Membre
Dernière intervention
10 juin 2010
3
1 août 2009 à 03:33
tu veux centrer ton image ou ?

pcq pour centrer une image tu as juste a rajouter normalement

background-position: top center;
0
Giglagla
Messages postés
32
Date d'inscription
lundi 22 juin 2009
Statut
Membre
Dernière intervention
1 août 2009
8
1 août 2009 à 10:22
Salut underscape,

essai de remplacer
margin-top
par
padding-top

Et applique à .Mabalise, pas à .Maspan
0
underscape
Messages postés
57
Date d'inscription
samedi 6 juin 2009
Statut
Membre
Dernière intervention
14 août 2009
3
1 août 2009 à 11:59
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 :)
0