...

View Full Version : Unordered List Help



lupes
12-12-2006, 12: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>
<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?

Thanks.

ronaldb66
12-12-2006, 01: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.)

lupes
12-12-2006, 01: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
3
4
5

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?

thanks.

rmedek
12-12-2006, 04: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum