Espace entre deux image

Liiib3rtY Messages postés 5 Date d'inscription   Statut Membre Dernière intervention   -  
patrick7338 Messages postés 51 Date d'inscription   Statut Membre Dernière intervention   -
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: 

<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>
A voir également:

8 réponses

Réponse 1 / 8
ShayFmw Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   43
 
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
0
Réponse 2 / 8
Liiib3rtY Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
BA en faite j'ai plus cas copier coller ce que tu à fait lol non ?
0
Réponse 3 / 8
ShayFmw Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   43
 
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)
0
Réponse 4 / 8
Liiib3rtY Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
A tu skype ou msn histoire qu'on discute en direct sa pourrais être plus simple.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
ShayFmw Messages postés 106 Date d'inscription   Statut Membre Dernière intervention   43
 
J'ai répondu à ton MP normalement
0
Réponse 6 / 8
Liiib3rtY Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
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/
0
Réponse 7 / 8
Liiib3rtY Messages postés 5 Date d'inscription   Statut Membre Dernière intervention  
 
non ca ne va pas en 90px en faite il faudrais le centré y a t'il un moyen ?
0
Réponse 8 / 8
patrick7338 Messages postés 51 Date d'inscription   Statut Membre Dernière intervention   6
 
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.
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse