PDA

Click to See Complete Forum and Search --> : dotted lines

slimkidd
03-01-2004, 03:35 AM
How do you make dotted lines like the ones in this pic
Ryan8720
03-01-2004, 05:05 AM
Most of that was probably done with CSS.

For example
[quote]a.dotted{border-bottom:1pxdotted#ffffff;}

<ahref='link.html'class='dotted'>Thisisalinkwithadottedbottom</a>
</CODE>

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN
Fusiondesigner
03-05-2004, 08:14 AM
CSS yes.

take the kids to see a replica of what never was...
sLam
03-23-2004, 09:33 PM
So the following CSS will work for horizontal dotted lines. What about vertical lines?

hr {
border-bottom: 1px dotted #333333;
border-top: 1px dotted #ffffff;
}
Ryan8720
03-24-2004, 12:39 AM
The border styles have to be applied to box elements, such as div. However, you can make an element box level by using display: block; . I am not sure if it will work on an hr.

To get vertical lines you use:

border-left: 1px dotted #333333;
border-right: 1px dotted #ffffff;

http://edgewebdesign.org/ryan2.gif (http://www.edgewebdesign.org)

C:\DOS
C:\DOS\RUN
RUN DOS RUN