Decalage image avec lien
Lightguismo
Messages postés
47
Date d'inscription
Statut
Membre
Dernière intervention
-
icilaure -
icilaure -
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 :
Pour le html :
Si quelqu'un pourrai m'aider svp
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
A voir également:
- Decalage image avec lien
- Partager des photos avec un lien - Guide
- Lien url - Guide
- Verificateur de lien - Guide
- Image iso - Guide
- Décalage son image youtube ✓ - Forum YouTube
7 réponses
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
Il doit y avoir un padding quelque part dans ton fichier design.css
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ah oui sous FireFox, ok. :)
As-tu essayé border-collapse ? Des fois ça règle des problèmes de ce type.
As-tu essayé border-collapse ? Des fois ça règle des problèmes de ce type.
