Pb feuille de style CSS .. margin
Résolu
underscape
Messages postés
57
Date d'inscription
Statut
Membre
Dernière intervention
-
underscape Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
underscape Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
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
- 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 :)
