• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 2. Speech Bubbles > The Finished Page

The Finished Page

We’ve completed all the styling for the comments area, so check out your work in an up-to-date browser; you should see something like Figure 2.28. Compare it to Figure 2.1 showing the base page. It’s not a radical difference, but the completed page is visually richer and more unique.

Figure 2.28. The page with all CSS3 applied, shown here in Firefox 3.6.


Note

The completed page showing all of these effects is named speech-bubble_final.html in the exercise files for this chapter.


IE is missing some of the effects, but looks fairly close to Figure 2.28 overall (Figure 2.29). The small differences that do exist are OK; the effects we’ve added are purely decorative, and IE users will have no reason to think that they’re missing anything. Even if you choose not to add any of the IE workarounds such as filters that we’ve used in this chapter, your page will still look like Figure 2.1 in IE 8 and earlier and be perfectly usable and attractive.

Figure 2.29. IE 8 (top left), IE 6 (top right), and the preview version of IE 9 (left) don’t display all of the CSS3 effects we’ve added, but the page is still attractive and usable.


 

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint