HTML&CSS : Image dans tableau

Résolu


Bonjour tout le monde,

J'ai un problème tout bête mais je n'arrive pas à le résoudre... J'ai un tableau tout simple avec une seule case à laquelle je ne donne aucune dimension. Je lui rajoute une image qui à la base fait 600*600 en dimensions, mais que je redimensionne à 40*40. Et quand je fais ça (et après avoir ajouté un padding : 0 0 0 0; à la cellule), je me retrouve avec une marge de quelques pixels en bas.
Quelqu'un saurait-il d'où cela peut venir ?

Voici mon code :

HTML :
<table> 
     <tr> 
          <td class="angle_gauche"> 
               < src="images/angle_haut_gauche.png" width="40" height="40" alt="Angle en haut à gauche"  /> 
          </td> 
     </tr> 
</table > 


CSS :
.angle_gauche{ 
     border : 2px solid blue; 
     padding : 0 0 0 0; 
} 


Merci d'avance !!

3 réponses

  1. Remplaces <table> par <table cellspacing="0" cellpadding="0"> .
    Tu peux mettre, dans ton .css, la valeur 0 pour padding au lieu de 0 0 0 0 ; c'est la même chose. Donc tu as padding : 0; .
    Petite question, pourquoi un tableau pour afficher une image ?
    1. Bonsoir,

      Merci bien. Ca marche nickel. Je pensais avoir déjà essayé mais en fait non... !!!
      Sinon en fait cest pour faire un cadre avec des angles arrondis, et chaque angle est une image, donc je pensais plus simple de faire par un tableau.
      Ca doit aussi pourvoir se faire avec des <div> !!
      En tout cas, merci pour ta réponse !!