navigation struggle part 2

[gabrielcrowe]

i reference this forum post as a great help to this and some people there were questing for what i wanted, but for some reason cannot get to work.

post: http://community.actinic.com/showthread.php?t=23159

chris: your example was right on the money for me, but your example did not create the correct html. the <ul> enclosing the list did not work properly, creating bad html. My variable in the main sections is called 'SectionNumber' and is set to parent cascade through all the child sections, as per in the post above.

Each individual navigation block (one for each main section), is divs/css thus:

	<div class="navblock">
	
		<div class="out">
			<div class="in">
				<div class="txt">
					<a href="#">Root Section</a>			
				</div>
			</div>
		</div>
	
		<div class="b-out">
			<div class="b-in">
				<div class="b-txt">
					<ul>
						<li><a href="#">Subsection 1</a></li>
						<li><a href="#">Subsection 2</a></li>
						<li><a href="#">Subsection 3</a></li>
						<li><a href="#">Subsection 4</a></li>
					</ul>
				</div>
			</div>
		</div>
		
	</div>
	
	<div style="clear:both;"></div>

essentially, its just a ul/li setup with a div wrapped around it.

i'd like very much for the layout described by dandelion. its spot on for me. but no matter how i arrange the variables, i cannot get nicely formed html. when the section has no children to display, then the div with the class 'b-out' will be omitted (along with its children divs) and the navigation will degrade gracefully.

i know i'v recently posted about a similar problem, but i just cant get my head around the crazyness of these particular blocks.

[cdicken]

You are going to need something like...

<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%201">
		<div class="out">
			<div class="in">
				<div class="txt">
					<a href="#">Root Section</a>			
				</div>
			</div>
		</div>
</actinic:block>
	
<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%202">
		<div class="b-out">
			<div class="b-in">
				<div class="b-txt">
					<ul>
						<li><a href="#">Subsection 1</a></li>
					</ul>
				</div>
			</div>
		</div>
</actinic:block>

i.e. each sub-section has to be a totally self-contained bit of code. You can use CSS to style the <ul> and <li> tags to include no excess margins or padding so it all looks like one single bulleted list.