Rechercher : dans
Par :

Pb feuille de style CSS .. margin

Dernière réponse le 1 aoû 2009 à 11:59:53 underscape, le 1 aoû 2009 à 01:49:19 
 Signaler ce message aux modérateurs

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??

Configuration: Windows Vista
Safari 530.5

Meilleures réponses pour « Pb feuille de style CSS .. margin » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...

1

b-boybaki, le 1 aoû 2009 à 03:33:52

Tu veux centrer ton image ou ?

pcq pour centrer une image tu as juste a rajouter normalement

background-position: top center;

Répondre à b-boybaki

2

Giglagla, le 1 aoû 2009 à 10:22:11

Salut underscape,

essai de remplacer

margin-top
par
padding-top

Et applique à .Mabalise, pas à .Maspan

Répondre à Giglagla

3

 underscape, le 1 aoû 2009 à 11:59:53

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 :) "J'ai pas peur de mourir!!!"
..... Alors pourquoi tu fumes des lights??

Répondre à underscape