Hi
my target is to go back and forward in a hierarchy with prevJumpNext. The next or previous pagetitle must be parsed. In CSS there are two arrows in addition defined. That’s all.
But PJN isn’t working fine. All the time it will forget the second level sites (in a container). Why?
Code for the call is
[!PrevJumpNext? &displayTitle=`1` &tpl=`site-nav`!]
This is the chunk. It is devided between ID for link and text for the title:
<div id="linie">
<ul>
<li class="previous"><a href="[+PJN_prevID+]">[+PJN_prevText+]</a></li>
<li class="next"><a href="[+PJN_nextID+]">[+PJN_nextText+]</a></li>
</ul>
</div> <!-- End Linie -->
And this is the CSS (works fine):
/* ----- Inner Navigation ----- */
#linie { float:left; position:absolute; bottom: 130px; width:920px; background:transparent url(../gfx/linie.png) no-repeat 0 0; }
#linie ul { margin:10px 90px 0 210px; }
#linie ul li { display:inline; }
#linie ul li a { font:bold 11px Helvetica, Arial, sans-serif; background:transparent url(../gfx/arrow.png) no-repeat 0 0; text-decoration:none; }
#linie ul li.previous a { float:left; padding:0 8px 0 50px; background-position: 0 0; }
#linie ul li.previous a { padding:0 8px 0 50px; background-position: 0 0; }
#linie ul li.next a { float:right; padding: 0 50px 0 8px; background-position: right 0; }
#linie ul li.next a { padding: 0 50px 0 8px; background-position: right 0; }
#linie ul li.previous a:hover { background-position: 0 -27px; }
#linie ul li.next a:hover { background-position: right -27px; }
#linie ul li.previous a:focus { background-position: 0 -54px; }
#linie ul li.next a:focus { background-position: right -54px; }
Could anybody help?
Thanks a lot in advance
Radulph
☆ A M B ☆