Help - Search - Members - Calendar
Full Version: dotted line
HTMLHelp Forums > Web Authoring > Web Site Functionality
aziz
Hi
how i can make a css for dotted line
Example:
director . . . . . . . . . . . . . m. j. Richard
producer . . . . . . . . . . . . .mani rasoul
Thanks
Christian J
QUOTE(aziz @ Feb 27 2020, 08:31 AM) *

Hi
how i can make a css for dotted line

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

QUOTE
director . . . . . . . . . . . . . m. j. Richard
producer . . . . . . . . . . . . .mani rasoul

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).


pandy
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.
pandy
It was easier once I realized what those dots are called. cool.gif

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/
Christian J
QUOTE(pandy @ Feb 27 2020, 04:01 PM) *

Cool!

QUOTE
Someone came up with a trick for this maybe 10 years ago when CSS tricks were the rage.

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

aziz
maybe I can fix my problem with them
thanks all
pandy
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2020 Invision Power Services, Inc.