Code html pour mon site

[mikeu]

Bonjour, je suis entrain de créer un menu pour mon site,

Et jaurais voulu savoir comment je peux faire pour que les images soient collées et non aussi espacées.
Voici mon code html au cas ou.

<div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=News" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176032_accueil2.jpg" alt="" title="Accueil" /></a></div><div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=Recruit" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176034_devenir2.jpg" alt="" title="Recruit" /></a></div><div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=Members" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176036_membres2.jpg" alt="" title="Members" /></a></div><div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=Team" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176038_team2.jpg" alt="" title="Team" /></a></div><div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=Defy" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176033_defy2.jpg" alt="" title="Defy us" /></a></div><div style="text-align: center;padding: 10px;"><a href="http://team.fun.urt.free.fr/index.php?file=Download" onclick="window.open(this.href); return false;"><img style="border: 0;" src="http://imageshack-france.com/out.php/i176035_DWL2.jpg" alt="" title="Downloads" /></a></div>

Merci

Mikeu

[Floflo]

c'est pas le padding de 10 px de tes balises <div> qui fait ça ?

en passant, le css c'est bien

[mikeu]

A vrai dire, je ne suis pas super callé html moi, le pading >< c quoi???

[Floflo]

vire juste la partie ";padding: 10px;" dans le style de chacune de tes balises <div>

ou change 10 par une valeur plus petite, si tu veux quand même un peu d'espace

[mikeu]

ok je vais essayer merci

[mikeu]

Sa marche nikel, merci floflo.

Et dans le cas ou j'ai deux bannières serveurs, comment puis-je les mettre cote à cote?

Style deux codes html comme

<!-- Start GameTracker Banner -->
<iframe src="http://cache.www.gametracker.com/components/html0/?host=194.60.67.56:27015&width=170&height=548&bgColor=FFFFFF&titleBgColor=FFFFFF&borderColor=D6D6D6&fontColor=000000&titleColor=000000&linkColor=4589E8&borderLinkColor=142CC8&showMap=1&showCurrPlayers=1&showTopPlayers=1&showBlogs=0" frameborder="0" scrolling="no" width="170" height="548"></iframe>
<!-- End GameTracker Banner -->

[Diconico07]

1-Le padding est la marge interne d'un bloc.
2-Les mettre cote à cote du style : --banner1--|--banner2-- ?
3-Les iframe c'est le mal préfère les div avec un include si tu utilise du php | rectification vu comment la page à afficher est faite l'iframe est (malheureusement) le seul moyen.

[mikeu]

donc je remplace div par iframe? Vous pouvez me donner un exemple pour le cas de la bannière d'au dessus? Merci

[Diconico07]

Pour le menu les div sont très bien, mais pour les bannières la seule possibilité est l'iframe.
Pour les mettre cote à cote, je pense que ceci devrait fonctionner :
<div id="bannières"><span id="bannière_1"><!--Code de la bannière 1--></span><span id="bannière_2"><!--Code de la bannière 2--></span></div>

[mikeu]

Ok, merci beaucoup de votre aide