Marshal Linfoot wrote:
Elaborating on Mohit's suggestion...
Parent Index page:
<div class="faqlist">
<ol>
<r:children:each>
<li><a href="#<r:slug />"><r:title /></a></li>
</r:children:each>
</ol>
</div>
<r:children:each>
<div class="faqitem">
<a name="<r:slug />"><h3><r:title /></h3></a>
<r:content />
</div>
</r:children:each>
Sample child page (question as the title of the page)
<p>To be or not to be, that is the question</p>
Here it is on my site: http://www.octopusgardenyoga.com/FAQ
I would suggest that you use Definition Lists to display the items. So,
with some CSS slimming, it would be something like this:
Parent Index page:
<ol id="faqlist">
<r:children:each>
<li><a href="#<r:slug />"><r:title /></a></li>
</r:children:each>
</ol>
<dl id="faqitems">
<r:children:each>
<dt><a name="<r:slug />"><r:title /></a></dt>
<dd><r:content /></dd>
</r:children:each>
</dl>
That way styling is a bit more straightforward.
Instead of:
div.faqitem a h3 {...}
You have:
dt {...}
or
dt a {...}
Just a suggestion.
~Nate
_______________________________________________
Radiant mailing list
Post: Radiant@radiantcms.org
Search: http://radiantcms.org/mailing-list/search/
Site: http://lists.radiantcms.org/mailman/listinfo/radiant
