Join Chris Converse for an in-depth discussion in this video Creating the final CSS rules for the Q and A graphics, part of Create an Expandable FAQ Listing with jQuery and Dreamweaver.
Now we're going to create our remaining CSS rules.…Let's come over to the CSS Styles panel. Let's create a new rule.…First one is going to be a tag, p tag. Let's click OK.…Under the Box properties for a p tag, we want to just set the margins to 0 on all sides.…Click OK.…Let's create another rule.…This one's also going to be a tag. Select the a tag.…This is going to be for links.…For links we want to come down to color inside of custom color inside of here.…
We're going to type #bf572c, and then click OK.…Let's create another rule.…This would be a Compound rule, a. Let's come over here and choose :hover.…We're going to add a pseudo class onto here.…What we're going to do is come in here set the Color to black.…So when I roll over the hyperlinks, they'll change black. Let's click OK.…
Let's create another rule.…This one is also going to be a Compound rule.…This one is going to be .faq .letter_q. Let's click OK.…First, let's go to the Box properties.…We're going to set a width on this to 40 pixels;…we're going to set a height of 50 pixels.…
- Creating project folders
- Adding in sample question and answer content
- Creating CSS rules for graphics
- Animating the graphic states