Cart
[Home] [By Thread] [By Date] [Recent Entries]
This is likely in the archives but I have forgotten how to use them. Among the other things I have forgotten since I turned 80 is how to a put set of elements into rows for HTML output. I want to put what four <plate> elements conjure into each row; the number of< plate> elements in each <stamp> element varies. The <plate> element references the identity of a jpeg that will be put on the page. I want four jpegs in each row. my css is: .row {
B width: 100%;
B display: flex;
B flex-direction: row;
B justify-content: center;
}My input XML is a long list of <stamp> elements with <plate> children. .... <stamp > B B B B B B B B B B B B B B B <plate number="1"/> B B B B B B B B B B B B B B B <plate number="2"/> B B B B B B B B B B B B B B B <plate number="3"/> B B B B B B B B B B B B B B B <plate number="4"/> B B B B B B B B B B B B B B B <plate number="5"/> B B B B B B B B B B B B B B B <plate number="6"/> B B B B B B B B B B B B B B B <plate number="7"/> B B B B B B B B B B B B B B B <plate number="8"/> </stamp> .... and my XSLT dealing with this withinB <xsl:template match="stamp"> is: <div class="row"> B B B B B B <xsl:for-each select="plate"> B B B B B B B B B B B B B <div class="block"> B B B B B B B B B B B B B B B B B B B B B B B B B B B <aB href="{concat('plates/', @number, '.jpg')}"> B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B <img class="large" src="{concat('plates/',@number, 't.jpg')}"/> B B B B B B B B B B B B B B B B B B B B B B B B B B B B B </a> B B B B B B B B B B B B B B </div> B B B B B B B B </xsl:for-each> B </div> Works fine for four or fewer <plate> elements, but more than that makes a mess Any help appreciated, Mark
|
