Sujet Précédent Sujet Suivant

Decalage image avec lien

Fermé
Lightguismo Messages postés 47 Date d'inscription mardi 18 novembre 2008 Statut Membre Dernière intervention 9 août 2016 - 23 févr. 2009 à 18:01
 icilaure - 25 nov. 2009 à 17:30
Bonjour,
je suis en train de créer un site et j'ai créer le titre et le menu avec photoshop j'ai ensuite fait des tranches ce qui a coupé la grosse image en plusieurs petite. Ensuite j'ai mis des liens sur les petites images que je voulais pour que ça fasse mon menu seulement voila après les avoir transformé en lien un décalage se fait, regardez :
http://encyclopedie.olympe-network.com/

Je vous met les codes :


Pour le CSS : 

a img
{
text-decoration: none;
border: none;
}



Pour le html : 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>stargate-encyclopedie</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
        </head>


<body style="background: black;">
<center><div id="titre">
<table id="Tableau_01" width="760" height="348" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="images/index2_01.gif" width="219" height="304" alt=""></td>
		<td colspan="3">
			<img src="images/index2_02.gif" width="313" height="304" alt=""></td>
		<td colspan="2">
			<img src="images/index2_03.gif" width="228" height="304" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href=""><img src="images/index2_04.gif" width="154" height="43" alt=""></a></td>
		<td colspan="2">
			<a href=""><img src="images/index2_05.gif" width="134" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_06.gif" width="130" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_07.gif" width="114" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_08.gif" width="122" height="43" alt=""></a></td>
		<td>
			<a href=""><img src="images/index2_09.gif" width="106" height="43" alt=""></a></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="154" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="65" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="69" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="130" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="122" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="106" height="1" alt=""></td>
	</tr>
</table>
</div></center>



Si quelqu'un pourrai m'aider svp

7 réponses

Réponse 1 / 7
Dinorr Messages postés 535 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 17 mars 2011 81
23 févr. 2009 à 18:03
Je ne vois aucun décalage ?
0
Réponse 2 / 7
Dinorr Messages postés 535 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 17 mars 2011 81
23 févr. 2009 à 18:05
Ah mais ton décalage se fait sur mozilla et pas sur IE 7
Il doit y avoir un padding quelque part dans ton fichier design.css
0
Réponse 3 / 7
Torkass Messages postés 166 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 21 janvier 2016 95
23 févr. 2009 à 18:05
Heu... Si tu parles bien des écarts blancs entre les images, tu ne pourras pas les retirer en css, ils font partie des images, vérifie-les.
0
Réponse 4 / 7
Lightguismo Messages postés 47 Date d'inscription mardi 18 novembre 2008 Statut Membre Dernière intervention 9 août 2016
23 févr. 2009 à 18:08
Dinnor a raison, mais je n'ai aucun padding dans mon fichier css :/
0

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

Posez votre question
Réponse 5 / 7
Torkass Messages postés 166 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 21 janvier 2016 95
23 févr. 2009 à 18:10
Ah oui sous FireFox, ok. :)

As-tu essayé border-collapse ? Des fois ça règle des problèmes de ce type.
0
Réponse 6 / 7
Dinorr Messages postés 535 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 17 mars 2011 81
23 févr. 2009 à 18:10
Non j'ai dis que c'est un padding mais je c pas si sa s'apel comme sa exactement car sa date un peu le HTML lol
Mais tu as du réglé quelque chose sur 5 ou 10px même pas ;)
0
Réponse 7 / 7
icilaure
25 nov. 2009 à 17:30
Bonjour,
j'ai le même problème,
comment avez-vous résolu le vôtre ?
Merci
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
"Aucune application permettant d'ouvrir cette URL"
sidojaice -
JIP -

24 réponses
lien copié
alaurore -
LEFEUVRE -

7 réponses
Rajout de lien sur plusieurs pages
leparradiss -
David -

11 réponses
Comment retrouver des lien copier sur sont téléphone
SAMA -
Lylou -

2 réponses