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

  • NostalgiaSeeker
    Reply to company consultancy firm brand
    NostalgiaSeeker
    First question in my mind is why the mesh looking gradient on the circle? Kinda distracts my eye from the words. I'd suggest going for a flat approach and just use a shade of purple. What keening matters...
    Today, 09:41 PM
  • NostalgiaSeeker
    Reply to Why do people devalue graphic designers?
    NostalgiaSeeker
    Yeah I understand what you guys are saying. :3 I know I'm more than just someone who thinks they can call themselves a designer just because they make pretty work. I actually get minor headaches when...
    Today, 07:23 PM
  • NostalgiaSeeker
    Reply to Critique for my business card
    NostalgiaSeeker
    Thanks for the advice. What if I take the logo on the back, center the words and add white space to both sides? Like add white space on the top right corner since I'm printing them in matte so they...
    Today, 07:17 PM
  • B
    Reply to Critique for my business card
    B
    It's a nice logo, but placing it on the same card three separate times seems like two too many times.
    Today, 07:09 PM
  • tifdesignart
    Macbook Air 11" or Macbook Air 13"?
    tifdesignart
    Hi guys!

    I have an iMac at home as my primary computer but I'm going to take a few design courses in the next few months. So the courses I'll be taking are going to be design related: web...
    Today, 04:39 PM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites 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