Problème lien qui se répète

Résolu/Fermé
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011 - 22 janv. 2010 à 14:24
azerwhite Messages postés 625 Date d'inscription mardi 21 octobre 2008 Statut Membre Dernière intervention 7 novembre 2011 - 22 janv. 2010 à 14:43
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 :)
A voir également:

9 réponses

azerwhite Messages postés 625 Date d'inscription mardi 21 octobre 2008 Statut Membre Dernière intervention 7 novembre 2011 43
22 janv. 2010 à 14:25
Mmmm, j'aurais peut-être une idée mais on aurait besoin d'un peu de code pour voir le problème.
Merci
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
22 janv. 2010 à 14:26
Idem. Sans code ou lien vers la page on peu strictement rien dire.
0
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011
22 janv. 2010 à 14:28
Je vais vous mettre mes codes :) Mais j'avoue que j'ai un peu honte parce que c'est du bidouillage pour le moment...
0
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011
22 janv. 2010 à 14:29
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>
0
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011
22 janv. 2010 à 14:31
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;
}
0

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

Posez votre question
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011
22 janv. 2010 à 14:32
Le problème se situe avec image changeante et pied de page
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
22 janv. 2010 à 14:34
Tu ne ferme jamais tes balises <a href=""> ?
Par exemple:
<a href=""><img src="" alt="" /></a>
0
Emmanuelle83 Messages postés 37 Date d'inscription vendredi 22 janvier 2010 Statut Membre Dernière intervention 16 février 2011
22 janv. 2010 à 14:37
Oui donc c'est ça l'erreur... excusez moi de vous avoir dérangé pour ça. Je débute vraiment. Merci!
0
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
22 janv. 2010 à 14:39
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
0
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
0
azerwhite Messages postés 625 Date d'inscription mardi 21 octobre 2008 Statut Membre Dernière intervention 7 novembre 2011 43
22 janv. 2010 à 14:43
pas spécialement d'accords pour le input
0