Understanding Spry widget structures


show more Understanding Spry widget structures provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics show less
please wait ...

Understanding Spry widget structures

Our Accordion widget is now functional but it doesn't look all that great. So in these next series of exercises we will explore how CSS can control not only our Accordion's appearance but also how it functions. To understand how our styles can control our Accordion we need to first understand the structure of the Accordion. So I am still in the current.htm exercise file and I am just going to click inside my Accordion, really kind of anywhere and switch over to Code View. So that should jump us down and if you happen to be above or below it, the Accordion starts on about Line 58.

So notice that Dreamweaver adds a div tag with 90 of Accordion one and gives it a class of Accordion. After that, we have a repeating structure. We first have a div tag with the class Accordionpanel, then we have a div tag with the class AccordionpanelTab. That's the tab that goes across the top. Underneath that, we have a div with the class AccordionpanelContent. That's of course, where all ou...

Understanding Spry widget structures
Video duration: 7m 1s 11h 10m Intermediate

Viewers:

Understanding Spry widget structures provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS3 Beyond the Basics

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...