Complex background graphics


show more Complex background graphics provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 with CSS Essential Training show less
please wait ...

Complex background graphics

Often some of the most simple design elements actually turn out to be very complex once you start attempting to style them. Coming up with creative solutions to CSS problems are just as much a part of your designing with CSS, as planning the layout in the first place. To illustrate this point, our next exercise we'll focus on supplying quotation mark graphics to our blockquotes, and doing something really cool with our pages' background graphics. Now, I have seen many blockquote styled with quotation marks around graphics, but most of these will be a single graphic at the top of the blockquote to highlight the nature of the element.

What we want to do is have a subtle background graphic that shows a graphic quotation mark underneath the beginning of the quote and one underneath the person's name of the quote. You can see that here, here we have the opening quotation mark, here we have the closing quotation mark. Now, if all the quotes were exactly of the same size, we could cre...

Complex background graphics
Video duration: 9m 10s 12h 7m Intermediate

Viewers:

Complex background graphics provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 with CSS Essential Training

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