HTML&CSS : Image dans tableau
Résolu
Anthony
-
LelLex Messages postés 1628 Date d'inscription Statut Membre Dernière intervention -
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:
- HTML&CSS : Image dans tableau
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
3 réponses
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 ?
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 ?
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 !!
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 !!
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
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