Lien dans div ne fonctionne pas

[barbarisk]

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!

 

________________________________________________

CODE MA DIV (dans header.tpl):

<div id="categoriesDMM">
				  <p><br /><span class="menuDMM">les sculptures lumineuses...</span></p>

				  <ul> <span class="sousmenuDMM">...suspendues</span>            
               <li><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=7"  title="">3 branches</a></span></ li>
               <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=8"  title="">5 branches</a></span></ li>
               <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>                            
				  </ul>

				  <ul><span class="sousmenuDMM">...murales</span>
               <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=11"  title="">1 branche</a></span></ li>
               <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>                
				  </ul>

				  <ul><span class="sousmenuDMM">...sur pied</span>
               <li ><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=14"  title="">hautes</a></span></ li>
               <li class="last"><span class="sousousmenuDMM"><a href="http://dans-mon-monde.com/PrestaShop/category.php?id_category=15"  title="">basses</a></span></li>                
				  </ul>
	    <br />
</div>

 

________________________________________________

CSS DE MA DIV (dans global.css):

#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;
}

[PascalVG]

I think this has been solved here:

http://www.prestasho...42#entry1346742

 

.sousousmenuDMM {

color:#ff3188;

font-size:9px;

padding-left:60px; <-- add this

}