Michael Masumoto's Cosmic CSS-P Tutorial

Exercise One: Positioning Images

Download the 3 images from the "Exercise Files" link below. Position those 3 images on one HTML page, using CSS-P, according to the following specifications:

The capital letter "A" image should have its upper-left-hand corner be absolutely positioned at 25,100 (25 pixels from the left, and 100 pixels from the top)

The capital letter "B" image should have its upper-left-hand corner be absolutely positioned at 100,50 (100 pixels from the left, and 50 pixels from the top)

The capital letter "C" image should have its upper-left-hand corner be absolutely positioned at 35,10 (35 pixels from the left, and 10 pixels from the top)

Download Exercise Files

Mac Files (.sit -- 11K)
PC Files (.zip -- 11K)

View Solution

Main Menu