Hi
how i can make a css for dotted line
Example:
director . . . . . . . . . . . . . m. j. Richard
producer . . . . . . . . . . . . .mani rasoul
Thanks

You can make CSS borders dotted, but this doesn't look like a border to me:


None of these ideas sem very good alas:

You could make a dotted border underneath the whole line (including the text), then make the text cover it somehow.

Or you could use a 3-column table, with the middle column containing empty cell using a dotted botton border.

Or you could use real text for the dots, just like in your example (maybe with a monospaced font).

Maybe this?
https://www.w3.org/Style/Examples/007/leaders.en.html

Someone came up with a trick for this maybe 10 years ago when CSS tricks were the rage. As I remember it was about making the dots fill any width. But I can't remember what or who and I don't find it in my notes either.

I guess a background image tiling horizontally could be one way, but what I think of was something more elegant.

It was easier once I realized what those dots are called.

Haven't viewed source and seen how it's done yet, but it seems to be images after all. Still, looks nice.
https://web.archive.org/web/20080805144916/...ot-leaders.html

Also had this URL. But that site is also gone and Wayback Machine doesn't have it.
http://www.ugcs.caltech.edu/~takoyaki/css-test/tables/

And a third one is linked to from the first page above.
https://web.archive.org/web/20080915172615/....com/dotleader/

Cool!


I think I read about it here ten years ago, can't remember. Didn't even know the proper name for it.

maybe I can fix my problem with them
thanks all

I've peeked now. The one I remembered, https://web.archive.org/web/20080805144916/...ot-leaders.html , is done with a dotted border, not a background image as I thought.