Reading 11

A/V and Images

Chapter 16: “Images” (pp.406-427)

Chapter 19: “Practical Information” (476-492)

• Image Size
  • determine size to use
  • pick image alignment
• Centering

  img.align-center {
  display: block;
  margin: 0px auto;}
  img.medium {
  width: 250px;
  height: 250px;}
  

• Background img 413/420
• repeating img

  repeat The background image is repeated both horizontally and vertically (the default way it is shown if the backgroundrepeat property isn’t used). repeat-x The image is repeated horizontally only (as shown in the first example on the left). repeat-y The image is repeated vertically only. no-repeat The image is only shown once. The background-attachment property specifies whether a background image should stay in one position or move as the user scrolls up and down the page. It can have one of two values: fixed The background image stays in the same position on the page. scroll The background image moves up and down as the user scrolls up and down the page.

• img rollover and