Problème lien qui se répète
Résolu
Emmanuelle83
Messages postés
36
Date d'inscription
Statut
Membre
Dernière intervention
-
azerwhite Messages postés 753 Statut Membre -
azerwhite Messages postés 753 Statut Membre -
Bonjour,
Voilà je suis en train de créer un site en html et css. Je suis débutante.
Dans mon site je mets un gif qui quand on clique dessus mène à une nouvelle page. En dessous de ce gif il y a une div avec le pied de page. Le soucis avec mon code c'est que le pied de page devient un lien qui mène à la même page que le gif. J'ai regardé avec firebug, ce qu'il se passe c'est que le lien du gif au dessus se répète de nombreuses fois. Je ne sais pas ce qui fait cela... Avez vous une idée?
Merci :)
Voilà je suis en train de créer un site en html et css. Je suis débutante.
Dans mon site je mets un gif qui quand on clique dessus mène à une nouvelle page. En dessous de ce gif il y a une div avec le pied de page. Le soucis avec mon code c'est que le pied de page devient un lien qui mène à la même page que le gif. J'ai regardé avec firebug, ce qu'il se passe c'est que le lien du gif au dessus se répète de nombreuses fois. Je ne sais pas ce qui fait cela... Avez vous une idée?
Merci :)
Configuration: Windows XP Firefox 3.5.4
9 réponses
-
Mmmm, j'aurais peut-être une idée mais on aurait besoin d'un peu de code pour voir le problème.
Merci -
Je vais vous mettre mes codes :) Mais j'avoue que j'ai un peu honte parce que c'est du bidouillage pour le moment...
-
Code 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>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="style" href="mon_style1.css" />
</head>
<body id="body_principal">
<div id="wrapper">
<div id="en_tete">
</div>
<div id="menu">
<ul id="menu_horizontal">
<li id="accueil"><a href="Index.html">Accueil</a></li>
<li><a href="lentreprise.html">L'entreprise</a></li>
<li><a href="produits.html">Produits</a></li>
<li><a href="plantes.html">Plantes</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
<div id="corps">
<div id="colonne_texte">
<p>Nos spécialités : plantes tropicales, orchidées, palmiers, plantes grasses.<br/>
Nous travaillons avec des spécialistes : M. Joël Jacq producteur à Sanary pour les orchidées,
des producteurs spécialisés près de chez nous, mais aussi aux quatre coins de l'Europe et du monde.<br/>
Notre volonté est d'enrichir et d'élargir en permanence notre gamme.<br/>
Du fait d'une longue et riche expérience professionnelle, nous sommes en mesure de bien vous conseiller
et de vous accompagner pendant et après l'achat.</p>
</div>
<div id="colonne_image">
<a href="photo1.html"><img src="images/jardinerie1.jpg" alt="Photo jardinerie" border="0" />
<a href="photo2.html"><img src="images/jardinerie2.jpg" alt="Photo jardinerie" border="0" />
</div>
<a href="arrivage.html"><img id="image_changeante" src="images/arrivages.gif" alt="Photo jardinerie" border="0" />
<div id="pied_de_page">
<p>2009, design by Emmanuelle, tous droits réservés</p>
</div>
</div>
</div>
</body>
</html> -
CSS
#body_principal
{
background-image: url("images/fond2.jpg");
background-attachment: fixed;
}
#body_photo
{
background-image: url("images/fond.jpg");
background-attachment: fixed;
}
#wrapper
{
width: 750px;
margin: auto;
margin-top: 0px;
margin-bottom: 20px;
}
#en_tete
{
width: 750px;
height: 227px;
background-image: url("images/banniere.jpg");
background-repeat: no-repeat;
}
#menu_horizontal li
{
display: inline;
list-style: none;
border-right: 2px solid #041891;
margin: 10 px;
padding: 0 20px 0 20px;
font-weight: bold;
}
li#accueil
{
border-left: 2px solid #041891;
}
ul#menu_horizontal a
{
color : #041891;
text-decoration : none;
font: 1em arial;
font-weight:bold;
}
ul#menu_horizontal a:hover
{
color : #BBF9F4;
text-decoration:none; }
#menu
{
text-align: center;
width: 748px;
height: 40px;
background-color : #017F9D;
color: #041891;
}
#menu
{
font-weight: bold;
}
ul{
width: 15.3 em;
margin: 0;
padding: 10px;
margin-bottom: 0;
}
#corps
{
position: absolute;
background-color: #C1FCF6;
width: 750px;
padding-top:10px;
}
#colonne_texte{
color: #041891;
font: 1.1em arial;
text-align:justify;
padding-right: 15px;
padding-left: 15px;
padding-top:15px;
padding-bottom: 10px;
margin-right: 5px;
margin-left: 15px;
margin-bottom: 10px;
line-height: 1.8em;
width: 350px;
}
#colonne_image
{
margin-right: 10px;
margin-left:5px;
margin-bottom: 10px;
width: 320px;
}
#colonne_image
{
position: relative;
top: -440px !important;
top: -425px;
left: 410px
}
img
{
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
#image_changeante
{
position: relative;
width : 287px;
height : 190px;
top: -400px;
left: 230px;
background-repeat: no-repeat;
}
#pied_de_page
{text-align:center;
font: 1em arial;
color: #041891;
background-color: #0289A6;
} -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Le problème se situe avec image changeante et pied de page
-
Tu ne ferme jamais tes balises <a href=""> ?
Par exemple:<a href=""><img src="" alt="" /></a>
-
Oui donc c'est ça l'erreur... excusez moi de vous avoir dérangé pour ça. Je débute vraiment. Merci!
-
Y'a pas de mal à ne pas tout savoir.
On passe tous par là à un moment donnée.
Change le statu en résolu en haut si ton problème est... résolu. :p -
Salut,
Tout d'abord, pour ton probleme de lien...
Tu soihaite integrer une image qui servira de lien c'est bien sa
<a href="arrivage.html"><img id="image_changeante" src="images/arrivages.gif" alt="Photo jardinerie" border="0" />
Dans ce cas, je te conseille d'utiliser la balise Input en précisant image pour le type. un exemple :
<INPUT type=image src="maPage.php" id="monLien" alt="Cliquer pour visiter la page" >
Ensuite, pour ton pied de page (ainsi que pour ton entete)...
Je te conseille de mettre ton pied dans un fichier à part ( du style foot.php) et de faire un include en base de page, car j'imagine que tu va ré-utiliser le meme pied de page pour tous ton site...
Egalement pour ton entete, tu copie tout le début de tes pages ( qui se ressemblent) dans un fichier ( du style head.php) et que tu inclut dans tous les autres pages de ton site.
Voila voila.
Delack