Absolute Positioning

Archive for 'Graphics, images, video, and audio' Category

Graphics, images, video, and audio

The originators of the web would never recognize their creation, as it exists today. A profusion of graphics, images, audio, and video are used for a multitude of purposes. Images and graphics can replace text for communication or they can themselves act as elements for navigation. Audio and video can be used to reach out [...]

Absolute positioning of graphics and images

A longstanding complaint of graphic designers is that they are unable to absolutely position a graphic on a web page. One solution is available with HTML—CSS. Look at the id selector and its properties. It is a unique variable that is identified by a # mark followed by a name—in this case #picturepos. It works [...]

Layering text and absolutely positioned images

Another area that concerns many web designers is the layering of text and images. It is possible to create overlapping images and text that use up very little bandwidth. Two layers of overlapping strings are used. The div element positions the block absolutely on the page. Each span element positions the individual elements within the [...]

Combining absolute and relative positioning

Absolutely positioned div elements produce hard, static layouts. They also break in different screen sizes. Relatively positioned div elements adjust to the screen sizes and provide more flexible layouts. Therefore, web designers use absolutely positioned div elements inside relatively positioned div elements to take advantage of the features of both these types of positioning techniques. [...]

The z-index property and images

The zindex property of the element controls the layering. If the text has to be placed on the image, the z-index property can be set to 2 and the z-index property of the text can be set to 1. The text will then overlap the image if the coordinates of the div elements are the [...]

Video and audio positioning in web pages

Multimedia in web pages has come to stay. Interactive voice communications, computer based training, meetings and video conferencing are common today in the networked world. The placement of audio and video elements on web pages, consequently, exercises the minds of the web designer. The types of audio files that can be used are synthesized music [...]