28172 sujets

CSS et mise en forme, CSS3

Bonjour,

j'ai un tableau rempli de photos qui sont des liens.
Il y a une photo par cellule de tableau et je n'ai pas donné de taille ni au tableau ni aux cellules.
Systématiquement il existe un espace de disons 4px entre le bas des photos et le bas des cellules.J'ai beau mettre tous les padding et margin à zéro, cet espace reste là.
Le tout est écris en XHTML + un doc.css.
(j'avais fait ce même tableau en HTML sans rencontrer ce problème, mais il faut bien se mettre au goût du jour donc j'ai refais le site avec des doc.html et un doc.css)
Ah et au passage, j'ai également eu un problème pour afficher le symbole € dans un tableau.Un point d'interrogation s'affichant à la place! Solutionné: taper :ctrl-altgr-5 à la place du symbole € )
Alors, quelqu'un d'autre a certainement eu ce problème d'espace dans une cellule de tableau rempli d'une photo-lien.
Merci d'avance.
Bonsoir,

Alors là je ne vois vraiment pas d'où cet espace peut provenir...

Je viens de faire un test et tout se passe très bien :

HTML :

<body>
	<table>
		<tr>
			<td><a href="#"><img src="img1.jpg" alt="" /></a></td>
			<td><a href="#"><img src="img2.jpg" alt="" /></a></td>
			<td><a href="#"><img src="img1.jpg" alt="" /></a></td>
		</tr>
		<tr>
			<td><a href="#"><img src="img2.jpg" alt="" /></a></td>
			<td><a href="#"><img src="img1.jpg" alt="" /></a></td>
			<td><a href="#"><img src="img2.jpg" alt="" /></a></td>
		</tr>
	</table>
</body>


CSS :

table, tr, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td {
	border: solid 1px #000;
}

img {
	border: none;
}


Le résultat est le suivant (semblable sur FF et IE8) :

upload/20550-test.jpg

Note : Les images sont les carrés de couleur grise et beige et elles sont bien cliquables.

Ton tableau est-il configuré différemment ? Est-ce le type de résultat que tu veux obtenir ?
Le mieux serait peut-être que tu postes un bout de code pour qu'on puisse mieux t'orienter ! Smiley smile
Modifié par Maliki (24 Feb 2011 - 23:43)