PrestaShop: lien dans div ne marche pas

PrestaShop: lien dans div ne marche pas - HTML/CSS - Programmation

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 :
  1. <div id="categoriesDMM">
  2.                       <p><br /><span class="menuDMM">les sculptures lumineuses...</span></p>
  3.                       <ul> <span class="sousmenuDMM">...suspendues</span>           
  4.                 <li><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=7"  title="">3 branches</a></span></ li>
  5.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=8"  title="">5 branches</a></span></ li>
  6.                 <li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=9"  title="">+ de branches</a></span></ li>                           
  7.                       </ul>
  8.                                            
  9.                       <ul><span class="sousmenuDMM">...murales</span>
  10.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=11"  title="">1 branche</a></span></ li>
  11.                 <li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=12"  title="">2 branches</a></span></ li>               
  12.                       </ul>
  13.                                        
  14.                       <ul><span class="sousmenuDMM">...sur pied</span>
  15.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=14"  title="">hautes</a></span></ li>
  16.                 <li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=15"  title="">basses</a></span></li>               
  17.                       </ul>
  18.             <br />
  19. </div>


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

Code :
  1. #categoriesDMM {
  2.     position:absolute;
  3.     width: 210px;
  4.     background-color:#333333;
  5.     background-image:url(../../../../images/formes.jpg);
  6.     background-repeat:no-repeat;
  7.     margin-left:-215px;
  8. }
  9. .menuDMM {
  10.     color:#f51655;
  11.     font-size:12px;
  12.     font-weight:bold;
  13.     padding:3px;
  14. }
  15. .sousmenuDMM {
  16.     color:#f51655;
  17.     font-size:12px;
  18.     font-weight:bold;
  19.     padding:30px;
  20.     line-height:2.0;
  21. }
  22. .sousousmenuDMM {
  23.     color:#ff3188;
  24.     font-size:9px;
  25.     padding:60px;
  26. }
  27. .sousousmenuDMM a:link {
  28.     color: #ff3188;
  29.     text-decoration:none;
  30. }
  31. .sousousmenuDMM a:visited {
  32.     color: #ff3188;
  33.     text-decoration:none;
  34. }
  35. .sousousmenuDMM a:hover {
  36.     color: #ffffff;
  37.     text-decoration:none;
  38. }
  39. .sousousmenuDMM a:active {
  40.     color: #ff3188;
  41.     text-decoration:none;
  42. }
  43. ul {
  44. list-style-type: none;
  45. }

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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed