border-style: dotted in IE

[xEM]

why when i use this code:

<a style="border-width: 1px; border-style: dotted;
padding:5px;"href="empty"> test </a>

in IE i see dashed border instead of dotted (in Opera looks dotted) ?

look this:
http://www.mun.jawnet.pl/test.html

 

[xEM]

why when i use this code:

<a style="border-width: 1px; border-style: dotted;
padding:5px;"href="empty"> test </a>

in IE i see dashed border instead of dotted (in Opera looks dotted) ?

look this:
http://www.mun.jawnet.pl/test.html

i would like to have something like that:
http://www.idea.pl/

 

[David Dorward]

padding:5px;"href="empty"> test </a>

in IE i see dashed border instead of dotted (in Opera looks dotted) ?

One of MSIEs bugs is to produce dashed borders when 1px dotted borders are
requested

 

[Sid Ismail]

: why when i use this code:
:
: <a style="border-width: 1px; border-style: dotted;
: padding:5px;"href="empty"> test </a>
:
: in IE i see dashed border instead of dotted (in Opera looks dotted) ?
:
: look this:
: http://www.mun.jawnet.pl/test.html


Increase the 1px (a bug I think). I used 6px here:
http://www.sabf.co.za/events/ofs.html

Sid

 

[altamir]

why when i use this code:

<a style="border-width: 1px; border-style: dotted;
padding:5px;"href="empty"> test </a>

in IE i see dashed border instead of dotted (in Opera looks dotted) ?

look this:
http://www.mun.jawnet.pl/test.html

Here is a method for making 1px dotted right border:

..dotted {
background-image:url('dotted.gif');
background-repeat:repeat-y;
background-position:right;
}

dotted.gif is 1x2px image, where one pixel has a different color than
other.

 

[Jukka K. Korpela]

Here is a method for making 1px dotted right border:

No, it isn't.

.dotted {
background-image:url('dotted.gif');
background-repeat:repeat-y;
background-position:right;
}

It's not a border. It's a background for the element's content area.

Whether it _simulates_ a border sufficiently well is debatable. But it
ain't no border.