Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3072 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  PrestaShop: lien dans div ne marche pas

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

PrestaShop: lien dans div ne marche pas

n°2200346
ana648
Posté le 20-08-2013 à 10:34:13  profilanswer
 

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>
  4.                       <ul> <span class="sousmenuDMM">...suspendues</span>           
  5.                 <li><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=7"  title="">3 branches</a></span></ li>
  6.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=8"  title="">5 branches</a></span></ li>
  7.                 <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>                           
  8.                       </ul>
  9.                                            
  10.                       <ul><span class="sousmenuDMM">...murales</span>
  11.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=11"  title="">1 branche</a></span></ li>
  12.                 <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>               
  13.                       </ul>
  14.                                        
  15.                       <ul><span class="sousmenuDMM">...sur pied</span>
  16.                 <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=14"  title="">hautes</a></span></ li>
  17.                 <li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=15"  title="">basses</a></span></li>               
  18.                       </ul>
  19.             <br />
  20. </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. }
  10. .menuDMM {
  11.     color:#f51655;
  12.     font-size:12px;
  13.     font-weight:bold;
  14.     padding:3px;
  15. }
  16. .sousmenuDMM {
  17.     color:#f51655;
  18.     font-size:12px;
  19.     font-weight:bold;
  20.     padding:30px;
  21.     line-height:2.0;
  22. }
  23. .sousousmenuDMM {
  24.     color:#ff3188;
  25.     font-size:9px;
  26.     padding:60px;
  27. }
  28. .sousousmenuDMM a:link {
  29.     color: #ff3188;
  30.     text-decoration:none;
  31. }
  32. .sousousmenuDMM a:visited {
  33.     color: #ff3188;
  34.     text-decoration:none;
  35. }
  36. .sousousmenuDMM a:hover {
  37.     color: #ffffff;
  38.     text-decoration:none;
  39. }
  40. .sousousmenuDMM a:active {
  41.     color: #ff3188;
  42.     text-decoration:none;
  43. }
  44. ul {
  45. list-style-type: none;
  46. }

mood
Publicité
Posté le 20-08-2013 à 10:34:13  profilanswer
 

n°2200375
ana648
Posté le 20-08-2013 à 13:59:48  profilanswer
 

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/


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  PrestaShop: lien dans div ne marche pas

 

Sujets relatifs
aller dans un pararagraphe à une position précise depuis un lien HTchar *pString; pString = "Bonjour"; pourquoi ca marche ?
Ajouter lien supprimer et effacement enregistrement dans la BDDLien avec lettres de différentes couleurs
[jquery] ca marche la première fois et pas les fois suivantes[RESOLU] chargement lien PHP par défaut : comment faire?
Attribut dir qui marche pasProblème d'exécution fonction shell, lien entre vba et C++
Lien inverse dans les bases des données objet[RESOLU] Lien ID
Plus de sujets relatifs à : PrestaShop: lien dans div ne marche pas

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.072 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR