Forum:TOC becoming multi row (full page width) possible?

I have searched far and wide but did not find the answer to my question yet. However, i might have searched at the wrong places.

Fairly recently, a new user at Swords and Potions wiki has been adding a nice new page with loads of good information. However, due to the nature of the page i have split it into header 2 and 3 paragraphs. The Table of Content (TOC) now runs over a screen large, which in my believe is against the nature of a TOC (easy to use, giving you the ability to fast scroll through a page).

I am talking about this page (but this page was ahead of it, and shows even worse TOC, so it's not something i have been looking into yust now)

I have seen a suggestion by Uberfuzzy at the CC forum talking about this page.

Sadly however, Uberfuzzy never got around to responding to the question directed at him and has since start of november stopped working for Wikia and since then is unreachable. Going through the 5700 lines of coding is so much, even for me, that i quit doing it after about line 2500, since coding got to me and it all began to spin in front of my eyes.

I do hope some here do know how to make a TOC multi row or full page width. That would help improve those pages.

Thanks


 * With CSS you can, but not necessarily widely supported. Here's an example for Firefox support:

-moz-column-count: 5; /* maximum count of columns, there will be less if there's no room for all 5 */ -moz-column-width: 25em; /* reasonable width for single column */ }
 * 1) toc ul {
 * – Tm_T@Community Central:&#126;$ 10:34, November 23, 2011 (UTC)
 * And related standard is located here. (: – Tm_T@Community Central:&#126;$ 10:37, November 23, 2011 (UTC)
 * Dear Tm_T,
 * Thanks for your response, but that would make all TOC wikiwide have a full page width. I was looking for a way to make single pages have a TOC with that option. Because currently only 2 of the over 500 pages have a TOC which needs this, but the other TOC do not.
 * Do you happen to know a solution to that? Would love to hear it!
 * Unfortunately I don't know any pretty solution for that, sorry. – Tm_T@Community Central:&#126;$ 13:43, November 23, 2011 (UTC)
 * Similar to the  template, you could set up a   template that would contain   inside a   containing those CSS rules. Unfortunately, I have my doubts about how well they'll work.
 * I was guessing that i would need staff with this, ok, will add staff needed now. Thanks for the input so far, hope to hear from others willing to share their knowledge.
 * Yust patiently waiting for a possible reply, *wonders if he should use special:contact instead*
 * I believe it's thanksgiving or something like that in the US, so you'll have to wait staff until tuesday atleast. (: – Tm_T@Community Central:&#126;$ 21:49, November 24, 2011 (UTC)
 * It seems DaNASCAT yust missed this thread or did not know the answer. Upping to hopefull get into the attention range again.
 * Last attempt here before i use special contact
 * I believe it's thanksgiving or something like that in the US, so you'll have to wait staff until tuesday atleast. (: – Tm_T@Community Central:&#126;$ 21:49, November 24, 2011 (UTC)
 * It seems DaNASCAT yust missed this thread or did not know the answer. Upping to hopefull get into the attention range again.
 * Last attempt here before i use special contact
 * Last attempt here before i use special contact


 * There's a page specific class you can call.  should do the trick. And sorry, something borked with "staff needed" recently and I did miss that this was current. --daNASCAT http://images2.wikia.nocookie.net/__cb32675/wikia/images/e/e9/WikiaStaff.png (help forum | blog) 23:04, November 29, 2011 (UTC) Insert non-formatted text here
 * So, you are saying that to get a TOC to have something like this:
 * {| border="1" cellpadding="1" cellspacing="1" style="width: 500px;"


 * Part 1
 * Part 3
 * Part 5
 * Part 2
 * Part 4
 * Part 6
 * }
 * I am going to need to call
 * Sorry, it's beyond my coding skills i guess to comprehend what you yust try to make clear.
 * Can you please explain? Specifically where to add it and how.
 * Thanks a lot!
 * Thanks a lot!

Ah indeed, per-page CSS. DaNASCAT means following, that for example to have only Player's guide page multicolumn TOC, you'd add this kind of css .page-Player_s_guide #toc ul { /* .page- class is per-page class */ -moz-column-count: 5; /* maximum count of columns, there will be less if there's no room for all 5 */ -moz-column-width: 12em; /* reasonable width for single column */ } I suppose this could work if you don't have that many pages and have patience to add CSS every time you have new page needing it. (: – Tm_T@Community Central:&#126;$ 07:51, November 30, 2011 (UTC)


 * Ok, so i have added it to Wikia.css, purged wikia.css and now see that it does take the entire screen width, but not yet the multi column like i would hope it does. Anything i forgot?


 * And should a UL command not be finalised somewhere with /UL?




 * Just making sure: you want this all to be done for wikia skin only? Also, looks like c:swordsandpotions:Gameplay guides - Item_Efficency do have that css in effect (for me atleast) but -moz-column-width: should be way less than 25em; in this case, perhaps 12? See what works. (: – Tm_T@Community Central:&#126;$ 09:27, November 30, 2011 (UTC)
 * Ok, got it now, thanks for the help. Adding FAQ because it might be interesting to others.