¿HTML list formatting?

HeadRush

New member
I have a list I want to display, lined up in two columns. Something like this:
Item · · · · · · · · · · status
Item · · · · · · · · · · status
Really long item · status
Item · · · · · · · · · · status
More items · · · · · status

All I can think of is to make a table, justify the text and manually insert the number of dots I need for the different items.

The problem is: If a user has a different font set (or font size), it messes it up completely. I can't get it to look right in Windows, linux, and Mac at the same time.

<table border=0 style="border-collapse:collapse"><tr><td width=120px align="justify">
Item · · · · · · · · · ·
Item · · · · · · · · · ·
Really long item ·
Item · · · · · · · · · ·
More items · · · · · ·
 
</td><td>
 status<br>
 status<br>
 status<br>
 status<br>
 status<br>
 
</td></tr></table>

If I reboot in linux, it looks something like:
Item · · · · · · · · · status
· · Item · · · · · · · status
· · · · Really long status
item · Item · · · · status
· Â*· Â*· · Â*· Â*· More status
items · · · · ·

But if I change the number of dots, it won't work with Windows fonts.

Is there another way? CSS maybe?
Please don't just do a Google search of “html list” for me, I already thought of that.
 
Not sure what you would find with a google search, but as a webmaster, i have made buttons before using tables and setting a picture as the background for the cell, in order to make it fill the cell, however wide it is.

I would suggest it as an option. Something like this:

<TABLE>
<TR>
<TD>

<table><tr><td>item</td>
<td background="dot_image.gif"> </td>
</tr></table>

</TD><TD>

status

</TD>
</TR></TABLE>

---------------

I know that's a bit complicated, but who said webpage designs were always easy? :)

I hope this at least gives you another idea for solving your problem.
 
Back
Top