An example of having a graphic fixed on a page using CSS
https://dev.webpages.dk/  
 
About CSS Position:Fixed
Position - fixed:

This is an example of using the CSS 'Position'.
You can set the position parameter to 'fixed' and you can get a result just like you see here to the right, with the graphic banner.
If you scroll down the page, the banner will stay at the same position.
Here we have inserted an image, and set the 'postion', to 'fixed'.
On the previous page you can see how to set it to be 'relative'.
Grap the image if you wan't.


































 CSS


.ribbon {

    position: fixed;

}

.ribbon img {

    position: absolute;

    top: 0px;

    right: 0px;

}

 HTML


<div id="ribbon">

    <img src="images/banner.png" class="ribbon"/>

</div>
Icons made by Freepik from www.flaticon.com This page is about how to fix an image to a scrolling webpage using CSS.
05:22:42