The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS double dot bug (safari & chrome)

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #31536

    as described here:

    are there any other solutions to this besides what he describes?
    adding a 1 pixel border to the edge of the object?



    What’s your problem with this issue…?

    This works just if you have a solid color background, if not, try with

    border-width: 1px;
    border-style: dotted;
    border-color: transparent transparent #000 transparent;

    I wish I could attach a screenshot. I tried both of your solutions, but neither fixed the issue.
    The double dot – shows up only on certain widths, I think it is only when the width is an odd number of pixels wide.

    The solution in the linked article – add a border-right: 1px solid #fff; – does work but it makes the dotted line one pixel shorter than the width of the div, also doesn’t work on gradient or image backgrounds. I’m working with extremely meticulous designers.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.