Multiple Category formatting

[MergeThis]

What a great product!

The TOC of our Robohelp-generated merged Webhelp is organized into categories of three to eight projects. I've mirrored those for the ZOOM categories, but I'm having a little trouble formatting the list.

That is, on first display the third line is indented, whereas after achieving search results the third line is flush left (and includes one category wrapped from the second line).

I've attached a zipped, 2-page doc file showing screen shots of each layout and the underlying code in search.html.

Thx,
Leon

[Ray]

This is a CSS design issue. Your category list is currently simply displayed inline, which means that they're all displayed on the same line, with some wrapping to the next line automatically. The reason that they appear to "move" before and after search results is most likely because of the additional browser scroll bar that appears to the right of your browser window after search results are returned (and your page is too long for the browser to display entirely).

The category items are given as a list. So you can apply all sorts of CSS list techniques here. Here are some web pages which explain how to setup horizontal list and multiple column lists:
http://alistapart.com/articles/multicolumnlists
http://www.communitymx.com/content/a....cfm?cid=27F87
http://css.maxdesign.com.au/listutor...tal_master.htm

You can search on Google for "css list columns" for more tutorials and articles.

[MergeThis]

Ray, a quick peek at the first link looks it might be my solution. When I can get back to this, I'll update you on my status.

Thx,
Leon

[MergeThis]

It seems that I'd need some serious JS work to implement the HTML portions of these solutions.

I had been using some "margin-left" settings to increase space between the check boxes and the category labels (thinking that the default spacing seemed too little). Having just removed those settings, I now have two lines of categories with no wrapping issues. I'm fine with that.

So, let this be a cautionary tale for other users. Don't get too fancy with your Category formatting.

Thx again for your help,
Leon