Say I set a repeating background image using html, adding it to the body tag. Then, using CSS, I add a fixed no-repeat smaller image at a corner of the page. Can I do this? If not, how would I achieve the same effect?
Place this CSS code between the head targ of your page and edit the "image_bg.gif" to the name of you background image.
<style type="text/css">
/* by D Auguiste*/
<!--
/* The code to show the background image*/
body {
background-image: url(image_bg.gif);
position: fixed;
background-repeat: no-repeat;
}
/* The code to show an image align to the top left of the page, edit the the value top: 0px; left: 0px; as desired */
.mynImage {
background-color: #FFFFFF;
position: absolute;
top: 0px;
left: 0px;
}
-->
</style>
Place this code between the body tag of you web page
<div class="mynImage"><img src="image.gif" alt="" width="32" height="32" border="0"><!-- This code is to show the smaller image at a corner of the page. -->
</div>
