[résolu] Espace blanc entre images

Bonsoir!
J'ai un problème qui m'agace beaucoup et je demande votre aide.


L'espace blanc qui se trouve entre ces images apparaît sous Firefox mais pas sur IE. Je souhaite ne pas l'avoir sous Firefox: comment faire?

<div class="action">
<h3><span>Action...</span></h3>
<img src="../images/action/001.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/002.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/003.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/004.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><br />
<img src="../images/action/005.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/006.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/008.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/><img src="../images/action/009.gif" alt="" title="&copy;St&eacute;phane Cervos" height="75" width="100"/>
</div>

.action {
	background:url("images/commun/action.jpg") top left no-repeat;
	padding-top:20px;
	padding-bottom:10px;
	text-align: center;
}
.action h3 span {display:none;}

Modifié le 02 Jan 2005 - 00:35

Salut Matt !

Tu peux essayer un simple :

.action img { 
   display: block; 
}

J'ai essayé mais ça me met toutes mes images les unes en dessous des autres.
Je voudrais qu'il y en ait quatre par ligne et qu'il n'y ait pas cet espace blanc entre les lignes sous Firefox.

Si tu connais les dimensions des images, tu peux tester:

.action {
width:400px;}

.action img { 
margin:0;
padding:0;
display:block;
float:left;
}

En supprimant le br de ton code.

Modifié le 02 Jan 2005 - 00:27

Salut,

ajoute ceci :

.action {
	background:url("images/commun/action.jpg") top left no-repeat;
	padding-top:20px;
	padding-bottom:10px;
	text-align: center;
	[#red]line-height: 0;[/#]
}
.action h3 span {display:none;}

Je n'ai jamais sus si l'utilisation de line-height est vraiment bonne pour un cas comme celui-ci, mais ça fonctionne, je l'utilise.
Modifié le 02 Jan 2005 - 00:25

line-height est peut être un peu détourné, mais ça fonctionne et ne risque pas de faire grand chose de catastrophique à priori dans le futurs ou sur d'autres média.
Donc, n'hesitons pas si ça fonctionne je pense

Igor, j'ai préféré éviter ta solution (même si elle marche!) car dans mon .action, j'ai un background qui fait plus de 400px. J'aurais dû te le préciser. Merci quand même!

Bouda, j'ai essayer le line-heigh:0; et ça marche sous IE ( ) comme sous FF!!! Les gars, merci du coup de main!