Adding background graphics


show more Adding background graphics provides you with in-depth training on Developer. Taught by James Williamson as part of the Dreamweaver CS3 Projects: Creating Custom Spry Widgets show less
please wait ...

Adding background graphics

Our Spry widget styling is almost complete and in this last exercise before we star customizing our Spry widget, we're going to add the background graphics. If I scroll down a little bit, I can see that all of our content panels are looking pretty good, but we don't have any imagery in there and we'd like a larger version of the image itself. So instead of using an image tag, we're going to use a background graphic and I talked about that a little bit before, but I want to go into a little bit more detail now. So we could have certainly inserted an image and then use the float left or float right on the image to have the text float around it.

One the problems with Spry widgets that animate is that as they animate a lot of times the floated text or floated elements will not float until the animation is fully resolved. It's as if the browser takes a moment to resolve the animation first before it resolves the float. And so because of that, it can be can be sort of buggy...

Adding background graphics
Video duration: 5m 12s 1h 0m Intermediate

Viewers:

Adding background graphics provides you with in-depth training on Developer. Taught by James Williamson as part of the Dreamweaver CS3 Projects: Creating Custom Spry Widgets

Subjects:
Developer Web
Software:
Dreamweaver
Author:
please wait ...