Salut à tous,
Je viens de passer deux jours à manipuler le code trouvé dans le lien pour essayer de mieux l'appréhender.
Je me bats maintenant avec l'affichage du lien vers la racine.
J'ai donc ceci :
Code :
<atm-linx type="recursivelinks">
<selection>
<start><nodespec type="relative" value="root" /></start>
<condition property="lvl" operator="<=">
<value type="data">2</value>
</condition>
</selection>
<display mode="open" root="true">
<htmltemplate>
<li class="{{lvlClass}} {{typeClass}}"><a href="{{href}}" class="{{currentClass}} {{isParent}}">{{title}}</a>{{sublevel}}</li>
</htmltemplate>
<subleveltemplate>
<ul class="{{lvlClass}}">{{sublevel}}</ul>
</subleveltemplate>
</display>
</atm-linx>
et j'obtiens celà :
Pièce jointe:
ex_menu_recursif01.jpg [ 18.95 Kio | Consulté 58443 fois ]
Je pige pas pourquoi mon Home se balade tout seul dans son coin, du mauvais coté, comme un imbécile.
Du point de vue CSS j'ai ceci :
Code :
#menud {
width: 900px;
height: 50px;
/*margin: 20px 0px 0px 40px;*/
margin: 0 auto;
padding: 0px 0px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#menud a {
color: #3B2F25;
/*background: url(/img/img05v2.jpg) no-repeat right top;*/
}
#menud ul {
/*clear:both;*/
display: inline;
position: relative;
float: left;
margin: 0px 0 0 5px;
padding: 0px 0px 0px 0px;
}
#menud ul li {
list-style: none outside none;
}
#menud a.CMS_current {
text-decoration: underline;
}
#menud ul.CMS_lvl2>li {
background: url(/img/img05v2.jpg) no-repeat right top;
/*border-left:1px solid #666;*/
float: left;
position: relative;
}
#menud ul.CMS_lvl2>li:first-child {
border-left:none;
}
#menud ul.CMS_lvl2 li a {
display:block;
background-color: #FFF;
padding:1em;
}
#menud ul.CMS_lvl2 li a:hover {
background-color: none;
}
#menud li.CMS_lvl2.CMS_sub>a {
/*background-image:url(/img/img05v2.jpg) no-repeat right top;
background-repeat:no-repeat;
background-position:left center;
padding-left:3em;*/
}
#menud ul.CMS_lvl2 li a.CMS_parent {
background-color: none;
}
#menud ul.CMS_lvl2 li a.CMS_current {
background-color: none;
text-decoration: underline;
}
#menud ul.CMS_lvl3 {
display: none;
position: relative;
}
#menud ul.CMS_lvl3 li a {
display: block;
background-color: none;
}
#menud ul.CMS_lvl3 li a:hover {
background-color: none;
}
#menud li.CMS_lvl2:hover ul.CMS_lvl3 {
display:block;
}
Et pour l'arborescence c'est toujours la meme :
Pièce jointe:
ex.arbo02.jpg [ 62.11 Kio | Consulté 58443 fois ]