HTML&CSS : Image dans tableau

Résolu
Anthony -  
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   -


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   Statut Membre Dernière intervention   112
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   112
 
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