untitled

The effects in Figure 7-14 are created by these styles: <style> p.right {font-size: 24px; text-align: right;} p.center {fo ...

HTML didn’t have an indentation capability, so people resorted to inserting invisible images and other tricks. (Adding spaces do ...

can be achieved in Windows by right-clicking the desktop, choosing Properties, clicking the desktop tab, and then selecting one ...

Unaltered, the coin photo’s background would create a small square behind the coin — covering the background texture. So, in a g ...

For a good introduction to getting the most out of Photoshop, you might want to take a look at Photoshop 7 For Dummies by Barbar ...

This code results in the image you see in Figure 7-18. When you design a Web page in a graphics application, making adjustments ...

(font-sizefor example), and you can also individually specify the back- ground properties if you wish, like this: body {backgrou ...

<img style=”position: absolute; top=100px; left=180px;” src=wet.jpg> </body> </html> This results in the textu ...

These x/y coordinates are used for both the image and the parent element. In other words, 100% 100%means the position is the low ...

If you specify the background-attachment property’s fixed value, you can prevent the background image from scrolling: background ...

152 Part II: Looking Good with CSS ...

Part III Adding Artistry: Design and Composition with CSS 13_584251 pt03.qxd 2/10/05 11:20 PM Page 153 ...

In this part... Y ou want efficient pages, but efficiency without beauty isn’t much good. Part III explores the secrets of the d ...

Chapter 8 Chapter 8: Web Design Basics ...................................................................................... In ...

Organizing with White Space ..................................................................... Some rules are obvious, and ye ...

page is balanced, but it’s too balanced. Too much of a good thing. Symmetry drains your design of an important quality: variety. ...

Adding a photo (the darker gray square in the lower left in Figure 8-3) and using text blocks and headlines of varying sizes hel ...

Emphasizing an Object with Silhouetting ................................................ A useful technique called silhouettingh ...

Adding Drop Caps ....................................................................................... You can apply this same ...

<p><span class=”dropcap”>N</span>otice that the graphic in Figure 7-21 is not precisely 40% over from the left ...