Images dans tableau sans aucun espace entre elles

Bonjour,
j'ai besoin de réaliser un bloc d'image, un peu comme sur ce site, mais 9 images en carré, avec d'autre qui s'ouvrent en" mousse on"

Mon pb est que si je les mets un à une, en responsive, elles se mettent les unes sous les autres, si je les mets dans un tableau, ce qui évite le retour à la ligne de ces dernières, j'ai des espaces entre chaque photo...

L'idéal serait une configuration css pour des tableau sans aucun espace ? Mais est ce possible ?
Merci pour votre aide.
Modifié par sfpierre (03 Oct 2015 - 13:57)

Bonjour, le plus simple serait peut-être de créer une seule image (composée des 9 collées), puis de la mapper (créer 9 zones cliquables).

oui, en effet, ce serait le plus simple, sauf que je ne sais trop comment maper l'image, y a t il un outil ou un tuto sympa à ce sujet ?
Merci !

j'ai trouvé le logiciel mcchtmapper, qui aide un peu c'est sur !

mettont le code suivant :

<img alt="pageclaire.png" usemap="#pageclaire" onmouseout="" onmouseover="" src="file:///C:/Users/pageclaire.png"/>
<map id="pageclaire" name="pageclaire">
<area alt="" href="" shape="rect" coords="-1,-2,278,206"/>
<area alt="" href="" shape="circle" coords="605,329,115"/>
</map>


mon idée étant qu'une photo remplace l'autre quand la souris la survole, ou et comment mettre la référence le la deuxième photo ?

Une solution simple ?

http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html

Tu peux aussi ne pas utiliser de tableau, mais une seule balise (figure, par exemple) en mettant les images en display:table-cell ou en display: inline-block;

Bonne continuation.
Modifié par thierry (05 Oct 2015 - 18:14)