Pro HTML5 and CSS3 Design Patterns
CHAPTER 13 ■ BLOCKS Collapsed Margins HTML <h1>Collapsed Margins</h1> <div><p class="collapsed">Margins ...
CHAPTER 13 ■ BLOCKS Collapsed Margins Problem You want to collapse or uncollapse vertical margins between blocks.^ Solution Brow ...
CHAPTER 13 ■ BLOCKS Run-In HTML <h1>Run-In</h1> <section> <h2>Normal Heading</h2> <p class="ind ...
CHAPTER 13 ■ BLOCKS Run-In Problem You want to run a block into the following sibling block as if it were an inline element with ...
CHAPTER 13 ■ BLOCKS Horizontal Rule HTML <h1>Horizontal Rule</h1> <p>This paragraph is followed by a standard ...
CHAPTER 13 ■ BLOCKS Horizontal Rule Problem You want to insert a horizontal rule between block elements to indicate the beginnin ...
CHAPTER 13 ■ BLOCKS Block Spacer HTML <h1>Block Spacer</h1> <p>This paragraph is not followed by a block space ...
CHAPTER 13 ■ BLOCKS Block Spacer Problem You want to put space between two blocks to show that they do not belong together. You ...
CHAPTER 13 ■ BLOCKS Block Space Remover HTML <h1>Block Space Remover</h1> <div class="section"> <p>This ...
CHAPTER 13 ■ BLOCKS Block Space Remover Problem You want to bring two blocks closer together because they are closely related. Y ...
CHAPTER 13 ■ BLOCKS Left Marginal HTML <h1>Left Marginal</h1> <p class="left-marginal"><span class="margina ...
CHAPTER 13 ■ BLOCKS Left Marginal Problem You want to excerpt elements out of the normal flow and move them into the left margin ...
CHAPTER 13 ■ BLOCKS Right Marginal HTML <h1>Right Marginal</h1> <p class="right-marginal"><span class="marg ...
CHAPTER 13 ■ BLOCKS Right Marginal Problem You want to excerpt elements out of the normal flow and move them into the right marg ...
C H A P T E R 14 Images This chapter shows how to use images to create beautiful and functional documents that remain accessible ...
CHAPTER 14 ■ IMAGES Image HTML <img width="742" height="556" src="cl1-99.jpg" alt="Crater Lake 1" /> <!-- Nonessential ...
CHAPTER 14 ■ IMAGES Image Problem You want to insert an image into the document because it is part of the content.^ Solution You ...
CHAPTER 14 ■ IMAGES Image Map HTML <h1>Image Map</h1> <h2><a id="home" href="example.html">Northwest USA ...
CHAPTER 14 ■ IMAGES Image Map Problem You want to overlay an image with clickable areas that link to other pages.^ Solution You ...
CHAPTER 14 ■ IMAGES Fade-Out HTML <h1>Fade-Out</h1> <h2 class="g1">g1 Horizontal Fade-Out of GIF image to gold ...
«
10
11
12
13
14
15
16
17
18
19
»
Free download pdf