by Florence W Deems

In a browser without CSS, or with CSS turned off, it will just be a normal list with links. But with CSS, thanks to the rules below, it will appear to “float” on top of the page, pinned to the right side of the browser window:

Look to the right margin and watch the pinned element stay in place as you scroll the contents of this page. You can put any kind of information in the fixed element, including an image. I chose to put links there.

Border Styles Introduction ~ 2 ~ 3
Border Widths
Border Color Introduction ~ 2
Border Radius: Introduction ~ 2
Border Collapse Spacing ~ Pinning an Element
An older Border Playground from 2008

Visit these other Tutorials by Flo

Thursday 23rd of May 2024 02:46:10 AM



Tandem Tooters

Arbor Hosting