Problème de décalage entre mes images

Résolu/Fermé
alexcamb87 - 28 janv. 2010 à 10:26
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011 - 28 janv. 2010 à 14:51
Bonjour,
Voila j'ai fais un menu composé de plusieurs images découpées, chacune envoyant vers un lien. Ces images doivent être sur la même ligne formant le menu...

Le résultat doit rendre comme ceci
http://www.easy-upload.net/fichier.php?fichier=201012619442
ça marche très bien sur mon mac avec safari

Le problème est qu'une fois sur windows... regardez vous même http://myfavouriterapgame.free.fr/index.php

Le menu est décallé, j'ai beau avoir testé le border="0", le a img {border: none;}, ça ne marche pas :(

Voici le code du header

<link rel="stylesheet" href="style.css">
<div id="Banniere"><a href="index.php" class="lienMenu"><img src="Elements/Banniere.jpg" border="0"/></a><img src="Elements/barre.jpg" border="0"/></div>
<div id="Menu">
<table cellpadding="0" cellspacing="0" border="0">
<a href="news.php"><img src="Elements/menu/news.jpg" border="0"/></a>
<a href="chroniques.php" ><img src="Elements/menu/chroniques.jpg" border="0"/></a>
<a href="biographies.php"><img src="Elements/menu/biographie.jpg" border="0"/></a>
<a href="multimedia.php"><img src="Elements/menu/multimedia.jpg" border="0"/></a>
<a href="membres.php" ><img src="Elements/menu/membres.jpg" border="0"/></a>
</table>
</div>


merci

6 réponses

etoile9430 Messages postés 430 Date d'inscription jeudi 21 janvier 2010 Statut Membre Dernière intervention 23 août 2017 19
28 janv. 2010 à 10:38
Bonjour, je t'ai ajouter width="60" c'est pour dèfinir une largeur de l'image essaye de jouer avec la valeur de width pour que sa rentre

<link rel="stylesheet" href="style.css">
<div id="Banniere"><a href="index.php" class="lienMenu"><img src="Elements/Banniere.jpg" border="0"/></a><img src="Elements/barre.jpg" border="0"/></div>
<div id="Menu">
<table cellpadding="0" cellspacing="0" border="0">
<a href="news.php"><img src="Elements/menu/news.jpg" width="60" border="0"/></a>
<a href="chroniques.php" ><img src="Elements/menu/chroniques.jpg" width="60" border="0"/></a>
<a href="biographies.php"><img src="Elements/menu/biographie.jpg" width="60" border="0"/></a>
<a href="multimedia.php"><img src="Elements/menu/multimedia.jpg" width="60" border="0"/></a>
<a href="membres.php" ><img src="Elements/menu/membres.jpg" width="60" border="0"/></a>
</table>
</div>
0
merci mais même si je n'ai pas fais le réglàge (60 c'est trop petit) je vois déjà le décalage entre chaque image
0
Yeah c'est bon avec un align="left" sur chaque image :)
0
Je suis quand même véxé car j'ai toujours un problème de décallage vraiment minuscule de 1px sur safari :(

Je fais un site de basket qui se trouve ici https://www.000webhost.com/migrate?static=true et je sais plus comment j'y suis arrivé pour que le site ait exactement le menu rendu sur n'importe quel navigateur :(

Pour que ce soit pas décalé, j'avais mis un paddin-left de 1px sur le body, mais sur mon site de rap ça décale sur IE :( si je l'enlève ça décale sur safari...

Alors j'éssaye de reprendre au mieux la feuille de style css de mon site de basket, mais il y'a une légère différence, mon site de basket est 100% fixe (700x900) alors que celui de rap n'est fixe qu'en largeur (750) vous pensez que ça peut venir de la ?
0

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

Posez votre question
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011
28 janv. 2010 à 14:37
sans compter que j'ai aussi un décalage vertical sur IE que je n'ai pas sur mon site de basket :-(
0
alexcamb87 Messages postés 79 Date d'inscription samedi 28 mars 2009 Statut Membre Dernière intervention 5 juin 2011
28 janv. 2010 à 14:51
en fait, l'idéal serait de mettre dans ma feuille de style un IF IE -> je décale vers la gauche de -1, pour corriger le +1 que je fais et qui marche avec Firefox et safari, c'est possible ?
0