Sujet Précédent Sujet Suivant

HtmlCss PB avec href de la liste sous Mozilla

Résolu/Fermé
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 - 26 juil. 2009 à 07:36
chups21800 Messages postés 42 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 - 26 juil. 2009 à 17:53
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

6 réponses

Réponse 1 / 6
jjsteing Messages postés 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
26 juil. 2009 à 09:35
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 mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
26 juil. 2009 à 10:21
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 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
26 juil. 2009 à 10:30
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 mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
26 juil. 2009 à 10:37
<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 mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
26 juil. 2009 à 11:55
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 1669 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
26 juil. 2009 à 13:43
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 mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 juin 2013 3
26 juil. 2009 à 17:53
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

Accéder à la liste de numéros de téléphone en 07
cbhr -
syma 59 -

41 réponses
Formule magique excel??????
sexy_miss -
Raymond PENTIER -

13 réponses
liste de noms par ordre alphabétique
alma -
alma13 -

23 réponses
Annuaire inversé liste rouge
caro2lille -
gwendolyne72 -

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

9 réponses