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

  • JeffSC
    Reply to Agency or in-house?
    JeffSC
    I have only worked as an in-house designer. I'm the creative director for the marketing department of a state college. I'm in charge of four distinct higher-ed brands. I have tons of creative freedom...
    Today, 02:22 PM
  • kemingMatters
    Reply to Google logo
    kemingMatters
    I think that's the point B, they do a lot to mock their competition, like bidding Pi at the Nortel Patent Auction. They are somewhat the anti-apple and I suppose that means being loud, lighthearted and...
    Today, 02:16 PM
  • kemingMatters
    Reply to Illustrator Interface
    kemingMatters
    Or just memorize the hot keys so you don't need to look at the tool bar
    Today, 01:16 PM
  • kemingMatters
    Comment on New to digital design, any advice for creating a PDF for a website?
    kemingMatters
    Right someone will need to update either way, but with PDF someone will need to update and distribute, whereas having a single annex like a web page, your endusers will always have the most current information...
    Today, 01:08 PM
  • Kool
    Reply to Dreamland logo
    Kool
    Added to my Netflix list
    Today, 12:57 PM

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