Lien sous un div avec Firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Lien sous un div avec Firefox

Profil supprimé

Bonjour,

J'ai une image représentant la carte de France avec une maparea découpant chacun des départements. Lorsque je clique sur un département j'affiche des infos contenues dans un div.

Les div sont cachés par défaut au dessus de la carte.

Seulement voilà sous IE j'ai bien accès à mes liens sous mes div, mais sous firefox je ne peux cliquer nul part.

Merci d'avance pour votre aide.

++

Publicité

brisssou

8-/

ton code ?

---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris

Profil supprimé

Voici mes deux fonctions javascript, me permettant d'ouvrir et de fermer les DIV correspondants.

Code :

<script language="JavaScript" type="text/javascript">
var openDep = false;
function Afficher(n_dep, y, x)
{
if (document.getElementById("dep_"+n_dep).style.display == "none" )
{
document.getElementById("div_principal" ).style.display = "block";
document.getElementById("dep_"+n_dep).style.top = y+"px";
document.getElementById("dep_"+n_dep).style.left = x+"px";
document.getElementById("dep_"+n_dep).style.display = "block";
if(openDep != false)
{
Afficher(openDep);
}
openDep = n_dep;
}
else
{
document.getElementById("dep_"+n_dep).style.display = "none";
openDep = false;
}
}
function Masquer()
{
document.getElementById("div_principal" ).style.display = "none";
document.getElementById("dep_"+openDep).style.display = "none";
openDep = false;
}
</script>

Mes CSS:

Code :

<style type="text/css">
.div_departement {
color:black;
width: 250px;
height:220px;
overflow: auto;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.conteneur {
width: 510px;
height: 480px;
position:absolute;
display:none;
}
</style>

Et le reste de ma page:

Code :

<div class="conteneur" id="div_principal">
<div id="dep_50" class="div_departement" style="display:none">
<a href="#" onClick="Masquer(); return false;"><img src="images/fermer_carte.gif" border="0" /></a>
<br />
Blablabla...
</div>
<div id="dep_51" class="div_departement" style="display:none">
<a href="#" onClick="Masquer(); return false;"><img src="images/fermer_carte.gif" border="0" /></a>
<br />
Bolobolob...
</div>
</div>
<img src="carte-france.gif" width="465" height="495" border="0" usemap="#Map" href="#" alt="" />
<map name="Map" id="Map">
<area onclick="Afficher(50, 230, 260); return false;" shape="poly" coords="36,131,53,131,61,133" href="#" />
<area onclick="Afficher(51, 230, 260); return false;" shape="poly" coords="128,138,124,127,128,120" href="#" />
</map>

Je n'ai laissé que 2 départements au hasard pour l'exemple.

Merci d'avance

FORUM HardWare.fr

Programmation

HTML/CSS

Lien sous un div avec Firefox

Sujets relatifs
photo plein page avec clic lien.	lien vers un div d'une même page
[BATCH] Configuration Firefox	CSS Firefox / Internet Explorer PNG
appel d'une fonction dans un lien html dans un code php	[netscape][firefox] Ouvir un lien dans une nouvel onglet
Ajouter un lien dans les clics droits pour VoIP sous Firefox	probleme float et lien inactif sous firefox
Problème de lien - Mozilla Firefox	Problème de lien css et firefox
Plus de sujets relatifs à : Lien sous un div avec Firefox

Page générée en 0.055 secondes