design alignment example


This is an example of what you can do for this lab. You do NOT have to do it this way. The image above is a cropped "active window" capture (Alt + PrtSc) that I've added some text to in order to illustrate RU's use of alignment. The image to the right of this text is actually a background image that tiles down the Y axis but is positioned to the right. I have a margin-right on body of this page which is a little wider than the background image so that the text doesn't bleed over into the background image.

This latin text is here just to make the page long enough to scroll to highlight that the image on the right will continue to "tile" for as long as the page becomes. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed massa nunc, nonummy non, ullamcorper a, eleifend eget, augue. Sed vel turpis et eros eleifend rutrum. Fusce metus. In hac habitasse platea dictumst. Nulla sed nibh. Maecenas a diam. Pellentesque malesuada felis sed mi. Aenean ipsum. Aliquam luctus consequat lacus. Donec est nisl, laoreet in, feugiat in, porttitor quis, velit. Vestibulum quis justo et justo pellentesque rhoncus. Fusce eget est. Nullam luctus rutrum ipsum. Phasellus vestibulum, nibh eget malesuada rhoncus, augue leo malesuada dolor, et accumsan mauris lacus ac mi. Sed urna.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed massa nunc, nonummy non, ullamcorper a, eleifend eget, augue. Sed vel turpis et eros eleifend rutrum. Fusce metus. In hac habitasse platea dictumst. Nulla sed nibh. Maecenas a diam. Pellentesque malesuada felis sed mi. Aenean ipsum. Aliquam luctus consequat lacus. Donec est nisl, laoreet in, feugiat in, porttitor quis, velit. Vestibulum quis justo et justo pellentesque rhoncus. Fusce eget est. Nullam luctus rutrum ipsum. Phasellus vestibulum, nibh eget malesuada rhoncus, augue leo malesuada dolor, et accumsan mauris lacus ac mi. Sed urna.