[fernando]

Well, I tried doing that but I failed miserably. Maybe it was because I was just trying to accomplish it by using stylesheets, instead of letting smarty handle the layout. Call me lazy

I did add something that I think will improve the readability, and that's styling the elements of the map (especially the level 1 and level 2 categories) to get something like:

http://borcel.com/archivos/varios/sitemap.gif

Interested?

You would need to add the following right at the end of skin1/skin1.css

li.sitemap-l1 {
        margin-bottom: 15px;
        list-style-type: none;
}

a.sitemap-l1 {
        font-weight: bold;
        font-size: 115%;
        border-bottom: 1px gray solid;
        width: 500px;
}

li.sitemap-l2 {
        list-style-type: none;
}

a.sitemap-l2 {
        font-size: 115%;
}

You'll also need to do very minor modifications to sitemap.tpl.

Look for the first[*] tag (around line 6 of sitemap.tpl). Replace the whole line with:

<li class="sitemap-l1">{$allcategories[l1_cat_num].category}

Now look for the second[*] tag, should be around line 12, and replace the whole line with:

<li class="sitemap-l2">{$allcategories[l2_cat_num].category}

I was pretty happy with the results of just formatting the first two levels. If you wish, you can format as many levels as you want, just have to add the style definitions on skin1.css (sitemap-l3, sitemap-l4...) and then add the class to the[*] and the <a> tags.

Also, you can change the style definitions for sitemap-l1 and sitemap-l2 to better suit your needs. A nifty trick is to use "list-style-image: url(image.jpg);". It will use "image.jpg" as a bullet, instead of a circle, square, etc.

I know is not a 2-column layout, but I think it looks much better.