Espace entre deux image
Liiib3rtY
Messages postés
5
Statut
Membre
-
patrick7338 Messages postés 55 Statut Membre -
patrick7338 Messages postés 55 Statut Membre -
Bonjour,
Voila j'ai fait un forum phpbb et je suis en train de faire en sorte que mon site et mon forum soit identique, le truc c'est lorsque j'ai mis mes image il y a des espace entre elle.
Voici le lien de mon site: http://fgz-esport.fr/
et voici le lien de mon forum: http://fgz-esport.fr/forum/
voici le code que j'ai fait pour obtenir le resultat:
Voila j'ai fait un forum phpbb et je suis en train de faire en sorte que mon site et mon forum soit identique, le truc c'est lorsque j'ai mis mes image il y a des espace entre elle.
Voici le lien de mon site: http://fgz-esport.fr/
et voici le lien de mon forum: http://fgz-esport.fr/forum/
voici le code que j'ai fait pour obtenir le resultat:
<center><img src="http://img15.hostingpics.net/pics/634507header.png"/></center> <center> <img src="http://img15.hostingpics.net/pics/495272491.png"/> <a href="http://fgz-esport.fr/index.php"><img src="http://img15.hostingpics.net/pics/877002722.png" alt="home"/></a> <a href="http://fgz-esport.fr/index.php?site=news"><img src="http://img15.hostingpics.net/pics/528501433.png" alt="news"/></a> <a href="http://fgz-esport.fr/index.php?site=articles"><img src="http://img15.hostingpics.net/pics/263668494.png" alt="articles"/></a> <a href="http://fgz-esport.fr/index.php?site=squads"><img src="http://img15.hostingpics.net/pics/440026505.png" alt="squads"/></a> <a href="http://fgz-esport.fr/index.php?site=clanwars"><img src="http://img15.hostingpics.net/pics/146871416.png" alt="clanwars"/></a> <a href="http://www.fgz-esport.fr/forum/"><img src="http://img15.hostingpics.net/pics/274912417.png" alt="forum"/></a> <a href="http://fgz-esport.fr/index.php?site=gallery"><img src="http://img15.hostingpics.net/pics/335964288.png" alt="gallery"/></a> <a href="http://fgz-esport.fr/index.php?site=sponsors"><img src="http://img15.hostingpics.net/pics/539462209.png" alt="sponsors"/></a> <a href="http://www.fgz-esport.fr/forum/viewforum.php?f=12"><img src="http://img15.hostingpics.net/pics/2089435710.png" alt="support"/></a> <img src="http://img15.hostingpics.net/pics/2606288711.png"/> </center>
8 réponses
-
Salut,
Ne procède pas ainsi, ne créer pas d'images une à une :p, utilise du CSS et met juste une image de fond.
Dans ton fichier code CSS (on va l'appeler menu.css) :
#menu {
margin-left:0px;
margin-top:0px;
width:941px;
height:59px;
margin-bottom:0px;
float:left;
display:inline;
background-image: url(./menu.png);
overflow:hidden;
word-spacing: 18px;
text-align:center;
padding-top:15px;
background-repeat:no-repeat;
}
#menu a
{
font-size:12px;
color:#fff2b4;
text-shadow: 1px 1px 1px black;
font-weight:bold;
font-family: "Arial", Verdana, Tahoma, serif;
text-transform:uppercase;
}
#menu a:hover
{
color:white;
}
a {
text-decoration:none;
color:#2d2d2d;
}
Dans ton fichier HTML
<link rel="stylesheet" href="menu.css" type="text/css">
<!-- MENU -->
<div id="menu">
<a href="http://fgz-esport.fr/index.php">Home</a>
<a href="http://fgz-esport.fr/index.php?site=news">News</a>
<a href="http://fgz-esport.fr/index.php?site=articles">Articles</a>
<a href="http://fgz-esport.fr/index.php?site=squads">Teams</a>
<a href="http://fgz-esport.fr/index.php?site=clanwars">Matchs</a>
<a href="http://www.fgz-esport.fr/forum/">Forum</a>
<a href="http://fgz-esport.fr/index.php?site=gallery">Galerie</a>
<a href="http://fgz-esport.fr/index.php?site=sponsors">Sponsors</a>
<a style=" word-spacing: 1px;" href="http://www.fgz-esport.fr/forum/viewforum.php?f=12">Support</a>
</div>
a noter que url(./menu.png); c'est cette image http://fgz-esport.fr/images/kg/menu.png -
BA en faite j'ai plus cas copier coller ce que tu à fait lol non ?
-
En gros oui. Après je sais pas comment fonctionne la globalité de ton code donc je sais pas si ça va fonctionner. Essai.
A noter que dans mon exemple, le fichier menu.png et menu.css doivent être dans le même répertoire que ton index de forum (fichier où je t'ai mis le code html du menu) -
A tu skype ou msn histoire qu'on discute en direct sa pourrais être plus simple.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
Merci pour ton aide ça fonctionne très bien j'ai juste un problème, j'ia donc fait la navbar sur mon ecran elle est nikel centrer et tous mais sur les autre ecran la bare n'est pas centré comment faire peut etre un problème donc mon code HTML
voici mon code:
#menu {
margin-left:255px;
margin-top:0px;
width:1170px;
height:39px;
margin-bottom:0px;
float:left;
display:inline;
background-image: url(/app/layout/theme_zkup/img/menu.png);
overflow:hidden;
word-spacing: 50px;
text-align:center;
padding:0px;
padding-top:8px;
background-repeat:no-repeat;
}
#menu a
{
font-size:12px;
color:#fff2b4;
text-shadow: 1px 1px 1px black;
font-weight:bold;
font-family: "Arial", Verdana, Tahoma, serif;
text-transform:uppercase;
}
#menu a:hover
{
color:#a16701;
}
a {
text-decoration:none;
color:#674201;
}
pour voir sur mon site voici le lien: http://cluster1.easy-hebergement.net/ -
non ca ne va pas en 90px en faite il faudrais le centré y a t'il un moyen ?
-
hello
essaies avec:
margin-left:auto;
margin-right:auto;
p.s
je supprimerai les flottants, sur un body /conteneur en 100% c' est source d' ennuis.
la div #page (conteneur) définis en max-width, min-width et en px serait mieux.
