Problème lien dreamweaver
Résolu
Bonjour,
je m'adresse à vous, concernant des petits soucis concernant mes liens.
J'ai créé une page, contenant des liens sur mes div, voici le code CSS utilisé :
#corpsPage #partieDroite #sommaire a:link #deut1 {
background-image: url(../images/imgFournisseurs/deutschDT.jpg);
background-repeat: no-repeat;
background-position: right;
}
#corpsPage #partieDroite #sommaire a:hover #deut1 {
background-image: url(../images/imgFournisseurs/deutschDT_over.jpg);
background-repeat: no-repeat;
background-position: right;
}
N'ayant pas encore défini les liens, j'ai donc mis un lien fictif soit : <a href="#"><div id="deut1">lien 1</div></a>
Là tout fonctionnait.
Le problème m'est apparut quand j'ai remplacé mon lien fictif par le "vrai" lien.
soit <a href="deut.html"><div id="deut1">lien 1</div></a>
De là, quand je vérifie sur IE, le CSS du a:link ne correspond pas (la photo n'apparait pas) Par contre le a:hover, lui fonctionne normalement.
Pourriez vous m'éclairez ???
Merci d'avance
je m'adresse à vous, concernant des petits soucis concernant mes liens.
J'ai créé une page, contenant des liens sur mes div, voici le code CSS utilisé :
#corpsPage #partieDroite #sommaire a:link #deut1 {
background-image: url(../images/imgFournisseurs/deutschDT.jpg);
background-repeat: no-repeat;
background-position: right;
}
#corpsPage #partieDroite #sommaire a:hover #deut1 {
background-image: url(../images/imgFournisseurs/deutschDT_over.jpg);
background-repeat: no-repeat;
background-position: right;
}
N'ayant pas encore défini les liens, j'ai donc mis un lien fictif soit : <a href="#"><div id="deut1">lien 1</div></a>
Là tout fonctionnait.
Le problème m'est apparut quand j'ai remplacé mon lien fictif par le "vrai" lien.
soit <a href="deut.html"><div id="deut1">lien 1</div></a>
De là, quand je vérifie sur IE, le CSS du a:link ne correspond pas (la photo n'apparait pas) Par contre le a:hover, lui fonctionne normalement.
Pourriez vous m'éclairez ???
Merci d'avance
Configuration: Windows XP Firefox 3.5.7
4 réponses
-
Salut !
Difficile de répondre comme ça, je n'utilise jamais de div dans les balises <a>.
Essaye plutôt :
<div onclick="change_page('deut.html');">lien 1</div>
<script type="text/javascript">
function change_page(lien)
{
document.location.href = lien;
}
</script">-
-
@alex7001je n'ai rien dit :)
-
-
-
Qu'est ce qui ne fonctionne pas ?
<!-- div qui lance la métode javascript "change_page" lors d'un clique, comme paramètre on donne le nom de la page !-->
<div onclick="change_page('deut.html');">lien 1</div>
<script type="text/javascript">
//fonction change_page pour rediriger sur une autre page
function change_page(lien)
{
//redirige la page vers le lien donner
document.location.href = lien;
}
</script"> -
Essaye de remplacé
#corpsPage #partieDroite #sommaire a:link #deut1
par :
#corpsPage #partieDroite #sommaire a #deut1
c'est aussi simple que ça, tu peux effacé le code que je t'avais dis de mettre =) -
N'oublie pas de mettre résolue si ça fonctionne =)
