I was able to solve this only by adding list-style:none as an inline style on the offending ULs. Ah, IE...
On Thu, Oct 19, 2017 at 7:27 PM, Philippe Wittenbergh <ph...@l-c-n.com> wrote: > >> On Oct 20, 2017, at 1:11 AM, Tom Livingston <tom...@gmail.com> 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 -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@css-discuss.org] 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/
