Adding CSS styles to the tabs


show more Adding CSS styles to the tabs 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 ...

Adding CSS styles to the tabs

Now that we have some CSS rules in place to style the text, let's create some CSS rules for the layout. Let's come over to the CSS Styles panel. Let's create a new rule. This is going to be a class, .sp. We're going to target the main sliding panel container. Click OK. Let's come over to the Box properties. First we're going to set a Width, 325 px. Let's come over here to the Float. We're going to set this to right.

Let's come down to Margin, uncheck Same for all. We're going to set 0 on the Top, 0 on the Right, 10 pixels on the Bottom, and 25 pixels on the Left. Next let's come over to Positioning and let's set the Positioning to relative. What that's going to do is make sure that any elements inside of the sp container are going to be positioned relative to the container itself. Now let's come down here and click Apply. And if I move this window out of the way, we can see that the sp container has now been conformed to 3...

Adding CSS styles to the tabs
Video duration: 3m 54s 1h 6m Intermediate

Viewers:

Adding CSS styles to the tabs 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 ...