> On Oct 20, 2017, at 1:11 AM, Tom Livingston <[email protected]> wrote:
>
> Early build progress at this page:
>
> https://tomliv.com/css-d/ml-test/
>
> in IE (11+), the subnav under Expertise and Blog are showing an odd
> dot/circle. Can anyone suggest why?
List marker…
For Edge you can nuke it by specifying `list-style:none` on the relevant `<li
/>` (not on the parent `<ul />`).
But that doesn’t work well with IE 11 (sometimes it does, though, test). The
only way is specifying a transparent list-style-image.
Courtesy of the Jquery-UI stylesheet (someone went to the whole trouble of
trying to create the smallest possible data URI possible…):
list-style:
url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
If you need that, wrap it in IE specific MQ to hide from other browsers:
@media (-ms-high-contrast:none), (-ms-high-contrast:active) {}
PS - Maybe an alternative way, if you don’t need to support older IE, is
`display: flex` to lay out your sub-nav. That would make the relevant
list-items the equivalent of `display:block` and (maybe…) suppress the list
marker.
PS2 - I never found a logic as to why IE/ Edge behave this way. Sometimes it
works as it should.
PS3 - think of keyboard users…
Philippe
--
Philippe Wittenbergh
https://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
