Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

ptg16476052

Absolute Positioning 299

11

At this point, the two links will appear over the image, but they’ll be stacked right on
top of each other because they have been removed from the normal flow but they have
not been positioned. I added a border just to make the positioning clear. The next step is
to position the two links. I’m going to put the “previous” link on the upper left and the
“next” link on the upper right. The results are shown in Figure 11.7.

#previous {
left: 0;
top: 0;
}

#next {
right: 0;
top: 0;
}

FIGURE 11.6

Inline links.