HTML&CSS : Image dans tableau

Résolu/Fermé
Anthony - Modifié par Tony2807 le 1/04/2010 à 17:39
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 - 1 avril 2010 à 23:18


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 !!
A voir également:

3 réponses

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
1 avril 2010 à 21:35
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 ?
0
Tony2807 Messages postés 1 Date d'inscription jeudi 1 avril 2010 Statut Membre Dernière intervention 1 avril 2010
1 avril 2010 à 23:10
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 !!
0
LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
1 avril 2010 à 23:18
Au plaisir. ;)

Pour l'arrondi des coins tu appliques une fonction sur ta div : avec border-radius : mais sur certain navigateur ca ne marche pas. Donc faut aussi mettre moz-border-radius, puis encore un autre ( je m'en rappel plus. rire ! )

Je t'invites à voir sur Alsacréation.com ; c'est très bien expliqué :
- https://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html
0