[Résolu] Css qui s'applique pas correctement sur un tableau

Bonjour tous,

Cela fait un moment que je ne vous ai pas fréquenté.
J'ai cependant un problème à vous soumettre.

J'ai besoin d'un tableau.
Je veux styler certains td de mon tableau pour le décoller du td au dessus

J'ai donc fait un margin côté css et je l'applique aux td qui en ont besoin.

.espace_haut_pour_tableau { margin-top:19px;}

<table width="130" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="structure/vignette2.jpg" width="130" height="130" /></td>
              </tr>
              <tr>
                <td><span class="espace_haut_pour_tableau"><img src="structure/vignette4.jpg" width="130" height="129" /></span></td>
              </tr>
              <tr>
                <td><span class="espace_haut_pour_tableau"><img src="structure/vignette6.jpg" width="130" height="130" /></span></td>
              </tr>
              <tr>
                <td><span class="espace_haut_pour_tableau"><img src="structure/vignette8.jpg" width="130" height="130" /></span></td>
              </tr>
            </table>

Ce qui est sur c'est qu'a l'affichage mon margin ne fait pas 19 px
Pourquoi ?
Modifié par la ptiote (14 Sep 2011 - 15:13)

salut !
tu as essayé d'appliquer ta classe aux td, et de te passer du span ?

oui cela donne cela alors :

            
<table width="130" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><img src="structure/vignette1.jpg" width="130" height="129" /></td>
              </tr>
              <tr >
                <td class="espace_haut_pour_tableau"><img src="structure/vignette3.jpg" width="130" height="129" /></td>
              </tr>
              <tr>
                <td class="espace_haut_pour_tableau"><img src="structure/vignette5.jpg" width="130" height="130" /></td>
              </tr>
              <tr>
                <td class="espace_haut_pour_tableau"><img src="structure/vignette7.jpg" width="130" height="130" /></td>
              </tr>
</table>

Et cela fonctionne encore moins
C'est pourtant basique, comprend pas

Pour les cellules il faut utiliser les marges intérieures: padding, si j'ai bien compris ce que tu veux faire…

Salut,

Patidou a écrit :
Pour les cellules il faut utiliser les marges intérieures: padding, si j'ai bien compris ce que tu veux faire…

Ce qui est logique, d'ailleurs.

oui mais j'y ai pensé au début et avait essayé mais cela fonctionnait pas.

Je viens de le refaire et cela marche maintenant, donc j'avais dut mal l'écrire, ou laissé une coquille.
Je vois que cela.

Désolée pour le dérangement