Forum Moderators: not2easy

Message Too Old, No Replies

Back to the basic: Question about those dotted lines.

What are they? Spacers?

         

skunker

7:50 pm on Dec 6, 2004 (gmt 0)

10+ Year Member



Here's a simple question:

I've seen this a lot, but how do you create those little "dashed" lines that are very common with clean webpages. For example, Google adsense uses these "dots" in their webpage:

<snip>

Are those spacers? Images? Thanks.

[edited by: korkus2000 at 6:41 pm (utc) on Dec. 20, 2004]
[edit reason] Dead link [/edit]

dmorison

8:52 pm on Dec 6, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



View source and have a look ;)

faltered

8:35 pm on Dec 7, 2004 (gmt 0)

10+ Year Member



That was a trick I learned in college. A professor showed us how to use the good ole' period for that. Nothing more, nothing less.

SlyGuy

8:44 pm on Dec 7, 2004 (gmt 0)

10+ Year Member



In the Adsense example you used, it's just an image:

[google.com...]

There are several ways to accomplish the dotted lines (including using CSS), but as Faltered mentioned, one of the easiest is to simply use a row of periods :)

................................
Sly.

skunker

9:18 pm on Dec 7, 2004 (gmt 0)

10+ Year Member



So are the rows of dots in a table?

smokeyb

9:56 pm on Dec 7, 2004 (gmt 0)

10+ Year Member



The easiest way to do this, is to use a gif 2px by 1px. The first pixel is the colour of the dot (eg: black) and the second the background colour (eg: white). There are different ways to display them and you could use a table.
HTH

smokeyb

9:58 pm on Dec 7, 2004 (gmt 0)

10+ Year Member



And to add, you can also use this method vertically which is a limit of using the "period" method.
Smokey