Pb feuille de style CSS .. margin
Résolu
underscape
Messages postés
58
Statut
Membre
-
underscape Messages postés 58 Statut Membre -
underscape Messages postés 58 Statut Membre -
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????
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????
A voir également:
- Pb feuille de style CSS .. margin
- Modèle de style word - Guide
- Bruler feuille de laurier - Guide
- Feuille de pointage excel - Télécharger - Tableur
- Nom pour facebook stylé - Guide
- Feuille a5 - Guide
3 réponses
tu veux centrer ton image ou ?
pcq pour centrer une image tu as juste a rajouter normalement
background-position: top center;
pcq pour centrer une image tu as juste a rajouter normalement
background-position: top center;
Salut underscape,
essai de remplacer
Et applique à .Mabalise, pas à .Maspan
essai de remplacer
margin-toppar
padding-top
Et applique à .Mabalise, pas à .Maspan
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 :)
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 :)
