PrestaShop: lien dans div ne marche pas

Marsh Posté le 20-08-2013 à 10:34:13

Bonjour,

Dans mon site PrestaShop, j'essaye de créer un menu de toutes pièces (car le menu vertical par défaut est difficile à personnaliser). J'ai donc créé une div contenant une liste (texte) présentant mes catégories.

Mais les liens ne fonctionnent pas. En fait, 1 seul lien fonctionne (le dernier), alors que les 6 autres sont construits de la même façon. C'est à en perdre la tête.

Quelqu'un verrait-il une solution?

Merci!

Le bug est visible à cette adresse (seul le lien "basses" fonctionne): http://dans-mon-monde.com/PrestaShop/

________________________________________________
CODE MA DIV (dans header.tpl):

Code :

<div id="categoriesDMM">
les sculptures lumineuses...
<ul> ...suspendues
<li><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=7" title="">3 branches</a></ li>
<li ><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=8" title="">5 branches</a></ li>
<li class="last"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=9" title="">+ de branches</a></ li>
</ul>
<ul>...murales
<li ><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=11" title="">1 branche</a></ li>
<li class="last"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=12" title="">2 branches</a></ li>
</ul>
<ul>...sur pied
<li ><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=14" title="">hautes</a></ li>
<li class="last"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=15" title="">basses</a></li>
</ul>
</div>

________________________________________________
CSS DE MA DIV (dans global.css):

Code :

#categoriesDMM {
position:absolute;
width: 210px;
background-color:#333333;
background-image:url(../../../../images/formes.jpg);
background-repeat:no-repeat;
margin-left:-215px;
}
.menuDMM {
color:#f51655;
font-size:12px;
font-weight:bold;
padding:3px;
}
.sousmenuDMM {
color:#f51655;
font-size:12px;
font-weight:bold;
padding:30px;
line-height:2.0;
}
.sousousmenuDMM {
color:#ff3188;
font-size:9px;
padding:60px;
}
.sousousmenuDMM a:link {
color: #ff3188;
text-decoration:none;
}
.sousousmenuDMM a:visited {
color: #ff3188;
text-decoration:none;
}
.sousousmenuDMM a:hover {
color: #ffffff;
text-decoration:none;
}
.sousousmenuDMM a:active {
color: #ff3188;
text-decoration:none;
}
ul {
list-style-type: none;
}

Reply

Marsh Posté le 20-08-2013 à 10:34:13

Reply

Marsh Posté le 20-08-2013 à 13:59:48

En fait j'ai compris qu'il ne s'agit pas d'une erreur de css, mais plutôt d'une div invisible qui recouvre et bloque certains liens.

Je m'explique: j'ai remarqué qu'un même mot peut avoir une zone cliquable et une autre non. Alors que mon code est correct. J'en déduis qu'il y a une div flottante quelque part qui bloque les liens qui sont en-dessous, mais je n'arrive pas à la trouver.

Quelqu'un peut-il m'éclairer?

Merci!

PS: Regardez à cette adresse (en bas à gauche, le lien "paiement sécurisé" est cliquable uniquement sur les dernières lettres du mot "sécurisé" ): http://dans-mon-monde.com/PrestaShop/

Reply

PrestaShop: lien dans div ne marche pas

Sujets relatifs:

Leave a Replay