Getting a dotted underline is easy using a background-image with repeat. However, to get a dotted box, you would have to nest 4 layers and apply the image 4 times to one side of each layer. This is a major markup issue to satisfy IE.
A better alternative would be for JS to draw the dots around the box (if it could). Those viewers who don't have js enabled could enjoy the dashes and everyone else can enjoy the dots.
Question is, does this exist? If not, does anyone here have the capability to develop it and then announce in the develo-sphere and claim some fame (siting me, of course, as the inspiration)!
On a serious level though, this is much needed by us at this time.
Hi No java needed: /*
No java needed:
/* Hides from IE Mac \*/
/* End Hack */
The image doesn't exist of course!
ClevaTreva, I have no idea
ClevaTreva, I have no idea how that would solve the problem.
How would you achieve the following with your solution...
border: 1px dotted #ccc;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
border-right: 1px dotted #ccc;
border-left: 1px dotted #ccc;
Increase 1px to 2px then
Increase 1px to 2px then problem goes away but you do have a thick set of dots
Hugo... i hope your joking.
Hugo... i hope your joking.
I don't think there's
I don't think there's anything funny about Hugo's solution. Hey, it's IE6, nothing is funny.
IE≤6 does not support dotted for a 1px border. It does for ≥2px. IE7 does support the dotted border type for 1px, except for several of the form controls.
Solution: Use the * html hack to feed IE6 and below a 2px border, or let IE≤6 users suffer with the ugliness. You could desaturate the border color to make it appear not so strong. I usually make a solid border in light gray to simulate the dotted if IE users' æsthetic feelings are a concern.
If a 2px width is triggered,
If a 2px width is triggered, then in addition to ugliness there is also a width issue which effects the box model. Dashes, at least, are just ugly without a width issue.
Thanks Gary. Shame though!
Just to let you guys know, i
Just to let you guys know, i ended up using "1px solid #eee" and it gave the same aesthetic appeal.
So we chalk up another
So we chalk up another victory to IE design factory , clearly they considered that a 1px dotted border was bordering on the absurd so to prevent us committing this design faux pa ensured that any 1px dotted border would become the much better looking 'dashed'
Have to admit I long ago gave up wasting energy on such problems hence my only slightly joking comment earlier. 1px dotted borders don't exist IE made sure of that.
Hi U thougbt the problem as
U thougbt the problem as the dotted border/ dashed border smearing thingy (happens when you use a scroll muse in IE6). That image trick fixes it.