a perfect tree representation of a XML structure (with i, l and t and empty node images)

add as macro in template

1. Create the html/js content that you would like to turn into a web part in the manner you are most comfortable with
2. Create a dummy page in the site to initially hold our xslt
3. Open site in Sharepoint Designer
4. Find the page created in step 1, detach it from the page layout (by right clicking it), and open it for editing.
5. Place your cursor before the or tag
6. Paste the code in the source block below.
7. Find Title="DataView 1" in the code you pasted and replace it with Title="MoreUsefulWebPartName"
8. Replace the contents between <![CDATA[> with the code you created in step 1
9. Select all of the code from <WebPartPages:DataFormWebPart...>
10. Switch from code view to designer view. You may ignore any warning you see about missing data sources.
11. Click the web part tab
12. In the "Save Web part" section, select the manner in which you would like to save the new web part.
13. Give the web part a useful name
14. Once you make the new web part available in the web part gallery, users may now add your javascript solution to any page as they would any other web part.

When you want to increment a value in XSLT, this is an option.

XSLT menu

This Pagination XSLT is working just great for me. Been using it in numerous projects.

Comment out the SharePoint:SaveButton tag and replace with input tag

Place the following inside a <xsl:template> block

I am trying to get the table to lay itself out so that the column headers wrap in preference to the table cell values. Any ideas how to achieve this?