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

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics 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 © 2015 Mediabistro Inc.
          Working...
          X