HtmlCss PB avec href de la liste sous Mozilla

Résolu
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   -  
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
je crée un site en HTML CSS et les liens href de la liste de mon menu gauche sous mozilla ne fonctionne pas (contrairement à IE): Impossible de cliquer dessus.
Ma page comprend dans la div main une div col_gauche et une div centre (qqui elle contient une div col_droite)
Voici ce que j'ai
EN HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
.........................................
</head>
<body>
<div id="container">
<div id="header">
.........................................
</div>
<br /><br />
<div id="main">
<div id="col_gauche">
<ul id="menu_gauche">
<li class="puce1"><a href="3.html" class="actif"></a></li>
<li class="puce2"><a href="31.html"></a></li>
<li class="puce3"><a href="32.html"></a></li>
<li class="puce4"><a href="33.html"></a></li>
<li class="puce1"><a href="34.html"></a></li>
</li></ul>
</div>
<div id="centre">
.......................................................
<div coldroite></div>
.....................................................
</div></div></div>
</body>
</html>

EN CSS
BODY {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#container {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1100px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; HEIGHT: 1800px;
}
#main {
Z-INDEX: 2; MARGIN: 0px auto; WIDTH: 1099px; POSITION: absolute; PADDING-TOP: 90px;
}
#header {
MARGIN: 0px 0px 0px; WIDTH: 940px; POSITION: absolute; HEIGHT: 235px; LEFT: 214px; PADDING-RIGHT: 0px; Z-INDEX: 3; PADDING-BOTTOM: 0px; MARGIN: 0px; TOP: 21px; BACKGROUND: url(../images/panorama_trans.png) no-repeat left top;
}
#centre {
PADDING-RIGHT: 0px; PADDING-LEFT: 150px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; FONT: 10px/1.4 verdana, arial, lucida, helvetica, sans-serif; WIDTH: 970px; COLOR: #000000; PADDING-TOP: 70px; POSITION: relative;
}
#col_gauche {
LEFT: 0px; WIDTH: 145px; POSITION: absolute; PADDING-TOP: 120px;
}
UL#menu_gauche {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu_gauche LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px
}
#menu_gauche LI A {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; FONT: 10px verdana, arial, lucida, helvetica, sans-serif; WIDTH: 105px; COLOR: #000000; PADDING-TOP: 5px; HEIGHT: auto; TEXT-DECORATION: none
}
#menu_gauche LI A:visited {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; FONT: 10px verdana, arial, lucida, helvetica, sans-serif; WIDTH: 105px; COLOR: #000000; PADDING-TOP: 5px; HEIGHT: auto; TEXT-DECORATION: none
}
#menu_gauche LI.puce1 A {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce1 A:hover {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce1 A.actif {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce2 A {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce2 A:hover {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce2 A.actif {
BACKGROUND: url(../images/puce1.gif) no-repeat left top
}
#menu_gauche LI.puce3 A {
BACKGROUND: url(../images/puce2.gif) no-repeat left top
}
#menu_gauche LI.puce3 A:hover {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce3 A.actif {
BACKGROUND: url(../images/puce3.gif) no-repeat left top
}
#menu_gauche LI.puce4 A {
BACKGROUND: url(../images/puce4.gif) no-repeat left top
}
#menu_gauche LI.puce5 A:hover {
BACKGROUND: url(../images/puce5.gif) no-repeat left top
}
#menu_gauche LI.puce5 A.actif {
BACKGROUND: url(../images/puce5.gif) no-repeat left top
}
#menu_gauche LI A:hover {
FONT-WEIGHT: bold; COLOR: #900009
}
#menu_gauche LI A.actif {
FONT-WEIGHT: bold; COLOR: #900009
}

SI quelqu'un peut m'aider, MERCI
Peut être c'est un problème avec les z-index ou la largeur de ma div centre et div col_gauche
A voir également:

6 réponses

Réponse 1 / 6
jjsteing Messages postés 1670 Date d'inscription   Statut Contributeur Dernière intervention   181
 
et dans la console d erreur de firefox (apres un clear bien sur) il t affiche quoi comme erreur ??
0
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   3
 
Il marque :
Avertissement : Pseudo-classe ou pseudo-élément « unknown » inconnu. Jeu de règles ignoré suite à un mauvais sélecteur.
Fichier source : file:/css/print.css Ligne : 22
Avertissement : Pseudo-classe ou pseudo-élément « unknown » inconnu. Jeu de règles ignoré suite à un mauvais sélecteur.
Fichier source : file:/css/print.css Ligne : 25
Erreur : ie is not defined
Fichier source : file:/js/objectSwap.js Ligne: 71
0
Réponse 2 / 6
jjsteing Messages postés 1670 Date d'inscription   Statut Contributeur Dernière intervention   181
 
ben regarde en ligne 22,25 et 71 ce que tu as ;)
0
Réponse 3 / 6
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   3
 
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
LIGNE22 </script>
<script type="text/javascript">
LIGNE25 try {
var pageTracker = _gat._getTracker("UA-68444-3");
pageTracker._trackPageview();
} catch(err) {}
</script>
La ligne 71 c'est la dernière ligne d'une liste de mon menu header
0
Réponse 4 / 6
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   3
 
J'ai arrangé ces problèmes a priori ça ne vient pas de là;
Je n'ai plus de messages d'erreur dans la console d'erreurs ET je ne peux toujours pas cliquer sur les liens de ma colonne gauche sous mozilla seulement.
Est ce que ça peut être lier à un chevauchement de mon id centre sur la colonne de gauche??
0

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

Posez votre question
Réponse 5 / 6
jjsteing Messages postés 1670 Date d'inscription   Statut Contributeur Dernière intervention   181
 
peut etre.. met un border=1px ou 2px pour voir si ca se chevauche..
0
Réponse 6 / 6
chups21800 Messages postés 42 Date d'inscription   Statut Membre Dernière intervention   3
 
Oui en fait c'était bien ça j'ai mis une marge intérieur au lieu d'une marge extérieur. En tout cas merci pour ta rapidité de réponse. J'espère bientôt pouvoir aider du monde, comme vous autre.
J'ai commencé il y a seulement 2 semaines.
0

Discussions similaires

Tri les lettres d'un mot par ordre alphabétique
labejau37 -
DjiDji59430 -

9 réponses