List category heading information in two columns

Attachment 11811

Hi,

Whilst creating sub categories with a description (as attached) I'm finding that on some pages where the description is too long, it's impossible to see the items in that category.

Can I define that the description be in two or three columns, and if so, how?

example:

http://www.refillsupermarket.co.uk/b...0_387_392.html

Many thanks
Simon

You can add wrapper divs around groups of Brother FAX-8000P items, then float the wrapper divs so the groups line up horizontally.

HTML Code:

---

<h4>TN 200</h4>
<div class="catDescCol">Brother FAX-8000P<br />Brother FAX-8050P<br />Brother FAX-8060P<br />Brother FAX-8200P</div>
<div class="catDescCol">Brother FAX-8250P<br />Brother FAX-8650P<br />Brother HL-700<br />Brother HL-720</div>
<div class="catDescCol">Brother HL-730<br />Brother HL-730 PLUS<br />...</div>

---

CSS:

Code:

---

#indexProductListCatDescription h4 {what: ever;}
.catDescCol {float: left; width: 32%;}

---

Hi,

That's great, but does this mean I need to do this for every ocurrence, IE for every heading - as you can see there are many
!

Yes, it would. You wrote the multiple <div> code for each category to begin with; you will have to go back and revise them. It would take some tricky PHP processing added to the index categories file to dynamically retrofit the gang of divs to groups, and that might catch descriptions where you don't want that done.

I would make a framework for the divs, paste that into each description, copy the items into it, and delete the original set of items.

Code:

---

<h4></h4>
<div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>
<div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>
<div class="catDescCol"><br /><br /><br /><br /><br /><br /></div>

---

I might save and view each completed new set before deleting the original, to make sure I didn't skip or duplicate one.
Delete unneeded <br /> or div groups for smaller lists.

OK thanks, I'll try that.