Hello there,
I'm new to the list and appreciate in advance any assistance with this.
A client of mine has a list to display of about 300 magazine titles. I'd
like to set these up for her using CSS lists so they can be in columns.
The problem is the way in which CSS sorts the list into columns.
Although I have not begun development for my client yet, you can see a
similar example of what I mean on this page:
http://www.m2webstudios.com/index.php/portfolio/category/C46/
if you look near the bottom, you will notice a list of projects. These
are sorted alphabetically by a backend CMS, however, if you notice, the
alphabetization goes /across/ the 3 columns rather than down. I would
like for my list's columns to be alphabetized vertically, rather than
horizontally. Basically, I'd like to modify, if possible, the way the
list tags SORT list items.
For the example I just showed, I am using this code (erroneous styling
omitted like colors omitted for brevity):
ul{
list-style-type: none;
}
li{
float:left;
padding-left: 12px;
width:150px;
}
Using float: left and a width on my li is what makes it into columns.
Does anyone see a way for me to make the list items order vertically in
each column rather than across? A list is the most ideal solution for me
because my client may add more magazine titles to the list, and this way
the information in columns will be evenly disbursed automatically. If I
just create classes of columns for her (e.g. .col1, col2, .col3) floated
left, she will have to manually adjust the content of each column as her
number of magazine titles grow. Utilizing a list will enable her to
simply add a list item and have the columns resort themselves accordingly.
Thank you!
Reese
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
