Announcement

Collapse

Critical Announcement

With great regret, we would like to inform you that the decision has been made to close down www.GraphicDesignForum.com as of January 31, 2018.

The community has started www.GraphicDesignForum.org to continue the discussion.
See more
See less

dotted lines

Collapse
X
  • 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

          Search

          Collapse

          Sponsor

          Collapse

          Latest Topics

          Collapse

          GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
          Working...
          X