28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous j'ai un petit soucis avec une table et une image.

Je crée un tableau qui référence des articles

C'est l'image que j'utilise (sans photo) et non l'absence d'image
upload/10896-sansphoto.png

<table id="result" summary="tableau">
<caption>Ho mon Tableau
</caption>

  <thead>
   <tr>
		 <th>Date</th>
		 <th>Photo</th>
		 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
		 <th>Vendeur</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
		 <th>Date</th>
		 <th>Photo</th>
		 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
                 <th>Vendeur</th>
		 <th>Vendeur</th>
    </tr>
  </tfoot>

  <tbody>
    <tr>
		 <td>Pro.</td>
		 <td><img src="user/img/sansphoto.png" alt=""/></td>
		 <td>Pro.</td>
		 <td>Pro.</td>
		 <td>Pro.</td>
		 <td>Pro.</td>
		 <td>Pro.</td>
                 <td>Pro.</td>
		 <td>Pro.</td>
		 <td>Pro.</td>
    </tr>
  </tbody>
</table> 



table {
	border-collapse : collapse;
	}
	
	tbody {
	background : #DFF7FF;
	}
	
	th {
	background : #ccc;
	text-align : center;
	border-width : 1px 1px 0 1px ;
	border-style : solid ;
	border-color : #000 ;
	}
	
	td {
	font-family:sans-serif;
	border:1px solid #f00;
	}
	
	tr {
	padding : 0;
	}
	
	td {
	padding : 0;
	}
	
	img {
	padding : 0;
	margin : 0;
	width : 100px;
        height : 67px
	}


J'ai un padding-bottom sous l'image ou un margin-bottom quelque part j'ai toujours un espace sous mon image.

Sauf sur IE7 sinon chrome , FF 3 3.5 , safari , opera , IE8 me mettent un espace en dessous.

Vous savez pourquoi ? est-ce un bug ?


IE8 chrome FF 3.x safari opera :
upload/10896-bugimgtabl.png
Modifié par rs459 (22 Jul 2009 - 21:58)
Hello,

Une petite recherche avec "espace indésirable sous les images" (par exemple), t'aurait certainement apporté quelques réponses Smiley cligne
Celle-ci par exemple Smiley cligne

Cdt,
Sylvain
La solution fonctionne à merveille, merci Smiley cligne

Concernant la recherche , j'ai fait plusieurs recherches mais pas la tienne Smiley ohwell

espace image
espace image tableau
bug margin-bottom image

et comme j'ai cherché sur le forum uniquement même avec ta requête je n'aurais pas trouvé Smiley ohwell
Pas de souci Smiley cligne
Toujours rester pragmatique face à "la recherche" (en général), en restant au plus près du problème que tu rencontres, tu obtiens généralement de meilleurs résultats : tu as un espace que tu ne désires pas avoir sous tes images... Smiley cligne

Si tu considères ce sujet comme [résolu] merci de l'indiquer dans le titre de ton sujet en éditant ton premier post Smiley cligne

Au plaisir Smiley smile
Cdt,
Sylvain