View Full Version : Unordered List Help

12-12-2006, 01:52 PM
Hi, i have 7 items in an Unordered List.

for designs sake, i'm trying to display them on my page like this.

<li></li> | <li></li>
<li></li> | <li></li>

Each list item is a link, and it has display:block property on it so the link background changes color in hover and is rectangular in shape.

Any ideas how i can achieve the above look?


12-12-2006, 02:13 PM
You need to supply a bit more details:

Are these list items meant to be all in one list, or can they be in multiple lists?
In what order do you want them to appear, compared to the order in which they appear in the markup?

(By the way:

it has display:block property you mean the links, right? List items are block level by default.)

12-12-2006, 02:22 PM
yep, the links have display:block on them.

and it's all one UL.

id like to show the lists in the following order.

1 | 6
2 | 7

Is this possible?

i've been googling, and i may have to add a class to each list, but i really don't want to add more mark-up, is there a way i can do this just through CSS?


12-12-2006, 05:02 PM
Yeah, there's no real way to do what you're looking for w/ CSS; there's an article that goes over some of the alternatives (http://old.alistapart.com/articles/multicolumnlists/), none of them very appealing. I tend to just add extra classes to the list items and use those for the style hooks.