Removing CSS rules that hide elements


show more Removing CSS rules that hide elements provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver show less
please wait ...

Removing CSS rules that hide elements

So the idea behind progressive enhancement is that we want to make sure that we're not hiding any content with CSS in case the user doesn't have JavaScript enabled. So what will happen is the user won't be able to actually see the content because the JavaScript is not enabled and we can't actually show or hide individual pieces. So the first thing we'll want to do is set the CSS properties in the default state to hide elements we don't want to see and make sure that everything else shows. So over in the CSS Styles panel, let's scroll down until we see .sp .tabs.

Let's double-click this rule to edit it. Let's come into the Block properties and let's set the Display of this item to none and then click OK. Next let's scroll down and find the .panel_container .panels. This is where we actually set the absolute position property. Let's delete this, and let's find the next rule .sp panel_container panel. Let's delete that as ...

Removing CSS rules that hide elements
Video duration: 1m 30s 1h 6m Intermediate

Viewers:

Removing CSS rules that hide elements provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create a Sliding Tabbed Panel with jQuery and Dreamweaver

Subjects:
Developer Web
Software:
Dreamweaver jQuery
Author:
please wait ...