[résolu] Mise en page d'un tableau

Salut, je me dis que mon problème doit être simple et idiot (j'en suis même convaincue), mais j'avoue que je coince.

la page qui cause problème

(ne vous souciez pas du menu haut^^)

Pour faire simple, je voudrais que mes images soient collées l'une à l'autre avec juste la bordure d'1 xp entre elle. Ca marche très bien au sein d'une même ligne, mais pas entre les lignes.

Voilà le code source concerné :

table.tablecadeau{
  border-spacing: 0px;
  border-collapse: collapse;
  border-width:1px; 
  border-style:solid; 
  border-color:black;
}
tr.tablecadeau{
  border-width:1px; 
  border-style:solid; 
  border-color:black;
  padding:0px;
}
td.tablecadeau{
  width:40px;
  height:40px;
  padding:0px;
  border-width:1px; 
  border-style:solid; 
  border-color:black;
}

img.cadeau{
  width:40px;
  height:40px;
  border:0px;
  vertical-align:middle;
}

Alors c'est sans doute juste une fonction que je connais pas...


Merci d'avance pour votre aide.
Modifié par Lothindil (29 Sep 2010 - 17:02)

Bonjour,

Il faut que tu mettes des marges externes nulles en haut et en bas sur les paragraphes contenus dans ton tableau.

D'ailleurs, ces paragraphes sont-ils indispensables ?

s'il y a moyen de mettre en page du texte autrement, non, ils ne sont pas obligatoires.

Bonjour,

Tu peux ajouter ceci à tes CSS :

td.tablecadeau p{
padding:0;
margin:0;
text-align:center;
}

en fait comme les chiffres vont me servir de lien, je les ai simplement passé en

<a href='' class='tableaucadeau'>le chiffre</a>

et ça marche très bien ^^

merci quand même. *note dans un coin de pas oublier les margin des p*
Modifié par Lothindil (29 Sep 2010 - 17:01)