tailieunhanh - CSS Mastery- P9

CSS Mastery- P9: The human race is a naturally inquisitive species. We just love tinkering with things. When I recently bought a new iMac, I had it to bits within seconds, before I’d even read the instruction manual. We enjoy working things out ourselves and creating our own mental models of how we think things behave. We muddle through and only turn to the manual when something goes wrong or defies our expectations. | CHAPTER 11 If you re doing something similar you may well need to fiddle with exact padding positioning and so forth but the basic building blocks are all here. As a result of all the work we ve done in this section we now have a nicely executed Your latest route area of the page with an interactive elevation chart plotting Flickr images shown in Figure 11-31. Map Elevation Download GPS Full routesheet t Share 3 Print Edit Figure 11-31. The completed Your latest route section with tidy image rollovers Of course all of this would ultimately need to be hooked up to a powerful CMS to really be exceptional but well this is a CSS book. Summary There you have it. This has been more of a brief weekend city break than two weeks by the beach but insightful nonetheless I hope. I ve really enjoyed pulling the Climb the Mountains concept together for this second edition of CSS Mastery especially with the freedom to cut loose with some fresh CSS 3 ideas. Naturally there are oodles more bits and pieces in the Climb the Mountains site that I d love to have been able to walk through with you. Sadly there just isn t enough space in one book to go into that level of exploration. Still if you like a behavior or treatment in the site and it isn t covered in this chapter I think it should be easy to jump in examine the source and figure out how things work. I ve certainly done my best to structure the source code with clarity and sprinkle in a number of helpful notes and references where possible. Remember the site will remain online at http cssm and the source code is available from . Do feel free to take it examine it rip it apart put it back together again and use it as inspiration for your own ideas and stunning CSS-powered masterpieces. .