For now i made a very easy and simple copy paste thing :)
I turned on sideboxes for categories and copyed the code under
HTML Code:
<div id="categoriesContent" class="sideBoxContent">..
to above
HTML Code:
<hr id="catBoxDivider" />
the code looks like this
HTML Code:
<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
<a class="category-top" href="youre site">Something</a><br />
..................... many other rows
<hr id="catBoxDivider" />
I edited the html because wanted to sort the categories by "Letter" and as result...
HTML Code:
<div id="brands">
<ul>A
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
</ul>
<ul>B
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
<li><a class="category-top" href="youre site">Something</a></li>
</ul>
..................... many other rows
<hr id="catBoxDivider" />
and the css part
HTML Code:
#brands ul{ margin:30px; display:inline-table;vertical-align: top; font-weight:bold; font-size:16px;}
#brands li{ list-style:none; font-weight:normal;font-size:12px;}
After that i copied the html code into page_2 in define pages edditor and all is set until the new category apears :)
For me works great, if smoeone don't want a "sort by letter" can skip the ''letters". With this css every <ul></ul> is like table block.
If i find a php solution i'll be sure to tell everyone.