bonjour,

je me tourne vers vous car je ne trouve pas ... j'ai bien cherché pourtant ...

il y a un espace entre les images (ce sont des liens derrière une image) et je voudrais qu'elles soient collées côte à côte sans séparation.

j'ai déjà mis des margin 0 et padding 0 à tout...

d'où viennent ces espaces et comment s'en débarrasser ??

ICI par exemple, les images sont bien acolées !

le bout de code:

<style type="text/css">
#menubar{width: 800px;margin: 20px auto;text-align: center;}
img{border: 0;margin: 0; padding: 0;}
a{margin: 0; padding:0;}
td{text-align: left;}
</style>
<div id="menubar">
<a href="#"><img src="images/icon_mini_index_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_faq.jpg" /></a>
<a href="#"><img src="images/icon_mini_search_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_members_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_profile_fr.jpg" /></a>
<a href="#"><img src="images/icon_mini_message_fr.jpg" /> </a>
<a href="#"><img src="images/icon_mini_register_fr.gif"/></a>
<a href="#"><img src="images/icon_mini_logout_fr.jpg" /></a>
</div>

Une autre approche ......Mets un fond de la couleur des boutons !!

Cela te le fait avec tous les navigateurs ?

salut elle, dreamer et malcolm

merci pour les réponses : c'est effectivement les mettre bout à bout qu'il fallait faire !

curieux car je n'avais jamais rencontré de différence dûe à des espaces blancs dans le code... maintenant je saurai que ça peut jouer.

grand merci à tous et bonne soirée

au fait, il n'existerait pas un truc pour pouvoir quand même mettre des retours chariot dans le code sans que ça compte pour un espace ? (pour la lisibilité du code)

je croyais que l'instruction css : white-space: nowrap aurait pu servir à cela, mais ça ne fonctionne pas...