HTML&CSS : Image dans tableau [Résolu/Fermé]

Signaler
-
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
-


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

Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
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 ?
Messages postés
1
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
1 avril 2010

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 !!
Messages postés
1628
Date d'inscription
mercredi 18 février 2009
Statut
Membre
Dernière intervention
5 septembre 2012
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