Setting CSS styles for the captions


show more Setting CSS styles for the captions provides you with in-depth training on Web. Taught by Chris Converse as part of the Create a Rotating Carousel with jQuery and Dreamweaver show less
please wait ...

Setting CSS styles for the captions

Now in order to adjust the spacing issues we are having in the caption area with the stem touching the leaves and to add some style to the captions, we are going to add two new CSS rules. We are going to need to create some compound rules, We want to create rules to target h2s and paragraph tags specifically that are inside of the caption's id div. So what I am going to do here is get my cursor inside of the captions id, and I can see down here that Dreamweaver will tell me that my cursor is inside of a div with the captions id. With my cursor inside of that div, I am going to come up here and choose New CSS Rule.

From the menu, I am going to come down and choose Compound, and what Dreamweaver will do is write a specific CSS rule to target that particular div. So I am going to come down here and click Less Specific. I want to basically start my CSS rule with #captions. After captions, I am going to hit a space, type h2. I want to target only h2 tags that are inside of the captions id...

Setting CSS styles for the captions
Video duration: 2m 45s 58m 47s Intermediate

Viewers:

Setting CSS styles for the captions provides you with in-depth training on Web. Taught by Chris Converse as part of the Create a Rotating Carousel with jQuery and Dreamweaver

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