Quote from: pdincubus at Jun 03, 2013, 04:03 PMQuote from: d_u_n. at Jun 03, 2013, 08:35 AMHi I am implementing getRelated now, it works great! But I do have a small problem that I hope someone could point me in the right direction on.
Basically, I have a div and the links and title is in there, but what I would like is to have the link results shown in two columns in the div, so that it looks more balanced and I can provide more related pages in a smaller vertical space.
Right now I have 5 links, but I would prefer to have 6 in two columns.
Any idea how to go about that? I feel a little stumped about how to do it.
Thanks!
Are you using a ul inside this div or are they just a or span tags?
You could do it one of two different ways:
1) Float each item in the div left and give them almost 50% width which will stack them into columns, or
2) Use CSS columns syntax (doesn't work in older versions of IE though)
Hi thanks for your reply pdincubus. Yes, I am using the standard templating and using a ul with a class for styling, and then li under that, all in a div.
Now, the div has a specified width, I think it is 70%, but no specified height. But, if I remember my css basics, what you are saying is that by specifying a width for each element that is less than 50% of the div, then the second element will go into the second "column"
So, if my ul is called getrelated, then the css would look something like this, right?
ul.getrelated li {width:40%;}
So...simple?