Problème lien qui se répète
Résolu
Emmanuelle83
Messages postés
37
Date d'inscription
Statut
Membre
Dernière intervention
-
azerwhite Messages postés 625 Date d'inscription Statut Membre Dernière intervention -
azerwhite Messages postés 625 Date d'inscription Statut Membre Dernière intervention -
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 :)
A voir également:
- Problème lien qui se répète
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
- Lien mega ✓ - Forum Webmastering
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
Merci
arthezius
Messages postés
3538
Date d'inscription
Statut
Membre
Dernière intervention
475
Idem. Sans code ou lien vers la page on peu strictement rien dire.
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>
<!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;
}
#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
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
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
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
