Open Bug 140642 Opened 23 years ago Updated 2 years ago

corners of dotted borders are ugly

Categories

(Core :: Web Painting, defect, P3)

defect

Tracking

()

Future

People

(Reporter: jruderman, Unassigned)

References

()

Details

Attachments

(1 file)

When a page uses a dotted border, it often ends up with two adjacent pixels in the border color. This can happen even if the page only uses border-bottom (e.g., for links or spans with the title attribute). Affects: http://www.randomfoo.net/ http://www.cs.hmc.edu/~jruderma/mozilla/keyboard-help/newest.html Suggested fix: * Don't draw the last dot in border-bottom. * In a full border, when forced to chose between leaving a gap near a corner or drawing two adjacent pixels in the border color, leave a gap.
->GFX
Assignee: dbaron → kmcclusk
Component: Style System → GFX Compositor
QA Contact: ian → petersen
Reassigning to Don
Assignee: kmcclusk → dcone
I don't think you really need another testcase, but take it as a vote for this bug instead ;-) http://selfhtml.teamone.de/css/eigenschaften/anzeige/border_collapse.htm (Sorry for the spam)
Priority: -- → P3
Bulk moving P1-P5 un-milestoned bugs to future.
Target Milestone: --- → Future
Summary: dotted borders are ugly → corners of dotted borders are ugly
I think this is what I've seen too, though it isn't as visible in the linked pages as it is with this single element for me: <p style="width: 10%; border-right: 1px dotted;">text</div> (Tried with Mozilla 1.6 and Firefox 0.9 on win32.)
Attached file dotted border solution (deleted) —
Solution: the element that has '1px dotted' border must have a odd number height in pixels (lateral borders); if more than one elements are on top of each other, they must have 'margin-top: 1px' and everything is OK. I have an example with some divs and left dotted border; the left divs are not adapted while those from the right have uneven heights (in pixels); the 3 containing divs on the right also have 'margin-top: 1px'.
Assignee: dcone → general
QA Contact: chrispetersen → ian
In situations where you have a fixed height and width, you can get around this bug, though you shouldn't have to. However, in the case of a flexible layout, the size of the user's window determines whether or not the bug is visible, leaving the web designer no reasonable way out of it. It *seems* (i.e. I have no idea how the CSS code works and am surmising as such) that this wouldn't be too difficult of a bug to fix, and it would be one of those little polish fixes that'd make the GRE just that much better.
This is essentially the same bug as https://bugzilla.mozilla.org/show_bug.cgi?id=19963. That bug has the highest priority of all dotted-border-corners-ugly related bugs. It is also the oldest and it has a (seemingly active) developer assigned to it. I suggest to "merge" this bug with 19963. If you care, please check it out and vote for it.
That bug is a bit broader than this one, so I'm marking a dependency instead of a duplicate.
Depends on: 19963
Product: Core → Core Graveyard
this, like 19963, is actually a layout bug rather than a gfx bug. I intend to get 'em both in one fell swoop in the next cycle.
Assignee: general → zweinberg
Status: NEW → ASSIGNED
Component: GFX → Layout: View Rendering
OS: Windows 98 → All
Product: Core Graveyard → Core
QA Contact: ian → layout.view-rendering
Hardware: x86 → All
I no longer work for Mozilla, I am deassigning myself from bugs I have no intention of working on as a volunteer.
Assignee: zackw → nobody
Status: ASSIGNED → NEW
Component: Layout: View Rendering → Layout: Web Painting
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: