Announcement Announcement Module
Collapse
No announcement yet.
dotted lines Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

Advertisement Advertisement Module
Collapse

Sponsors Sponsors Module
Collapse

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • dotted lines

    How do you make dotted lines like the ones in this pic

  • #2
    Most of that was probably done with CSS.

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

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



    C:\DOS
    C:\DOS\RUN
    RUN DOS RUN
    ProudPenguin
    P r o d u c t i o n s


    Comment


    • #3
      CSS yes.

      take the kids to see a replica of what never was...

      Comment


      • #4
        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;
        }

        Comment


        • #5
          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;



          C:\DOS
          C:\DOS\RUN
          RUN DOS RUN
          ProudPenguin
          P r o d u c t i o n s


          Comment

          Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us
          Working...
          X