[css-d] issue with responsive navigation

[Chris Kavinsky]

I'm working on a site with a responsive navigation that is horizontal on a
small screen and collapses to a vertical sliding nav on smaller screens.
This could be a minor issue, but when the screen resizes from small to
larger, the navigation doesn't quite revert to its original state. Does
anyone notice what I'm overlooking?

http://50f.d99.myftpupload.com/
__
css-discuss [css-d@lists.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/

Re: [css-d] anyway to style tag?

[Angela French]

I would be happy just applying a background color as the latest version of 
Chrome renders the player seemingly not in a container.

From: Brian Kardell [mailto:bkard...@gmail.com]
Sent: Tuesday, March 14, 2017 7:49 PM
To: Angela French
Cc: CSS Discussion Group
Subject: Re: [css-d] anyway to style  tag?



On Mar 14, 2017 6:36 PM, "Angela French" 
> wrote:
Hello,
I am experimenting with using the  tag.  I see it looks very different 
across browsers.  Is there any way to consistently style it across browsers?  
Everything I see from Google is years old.

Thanks,



Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu>
www.sbctc.edu



What exactly are you looking to style? The player controls?


__
css-discuss [css-d@lists.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/

__
css-discuss [css-d@lists.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/

Re: [css-d] anyway to style tag?

[Dave Chiu]

have you tried manipulating the ShadowDOM?

here's a quick example for webkit (chrome):
http://codepen.io/davechiu/pen/9132f47a5fb2af6c656185a8368f9600/

it will take some legwork for cross browser compatibility and your legacy
compatibility will be very limited.

On Tue, Mar 14, 2017 at 6:36 PM, Angela French  wrote:

> Hello,
> I am experimenting with using the  tag.  I see it looks very
> different across browsers.  Is there any way to consistently style it
> across browsers?  Everything I see from Google is years old.
>
> Thanks,
>
>
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> afre...@sbctc.edu
> www.sbctc.edu
>
> __
> css-discuss [css-d@lists.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/
__
css-discuss [css-d@lists.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/

Re: [css-d] anyway to style tag?

[Mi B]

I still use this http://www.mediaelementjs.com that covers audio and video and 
allows for styling.



> 14 mars 2017 kl. 23:36 skrev Angela French :
> 
> Hello,
> I am experimenting with using the  tag.  I see it looks very different 
> across browsers.  Is there any way to consistently style it across browsers?  
> Everything I see from Google is years old.
> 
> Thanks,
> 
> 
> 
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> afre...@sbctc.edu
> www.sbctc.edu
> 
> __
> css-discuss [css-d@lists.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/

__
css-discuss [css-d@lists.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/