Making a dot seperated column of text

[wiser3]

I'm trying to format text like the following:

colour....... red
weight..... 15 kg
type..... plastic
more..... options

but do it without manually adding/removing the dots.

Any ideas, css, or html tricks to handle this?

 

[ca8msm]

You mean something like this:

http://www.tantek.com/CSS/Examples/dotleaders.html

____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[Foamcow]

Or this... that I did a while back and never went back to refine

http://www.foamcow.com/tests/dotlist/

I forgot all about it until you just reminded me!

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[Foamcow]

Tantek wins

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[wiser3]

You mean something like this:

http://www.tantek.com/CSS/Examples/dotleaders.html

That's exactly what i mean.
Having every line as it's own table makes for a lot of code, but the results look great.

Instaed of tables an outer div, then 3 nested divs (instead of td's) would probably work. Although that may not save much code.

 

[Foamcow]

Well my method just uses a list. No tables and no extra markup.

Method 1 works fine and has a minor issue when printing.

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire