We will look at a CSS positioning property called fixed positioning
Fixed position elements do not scroll with the page, they remain fixed in place even if the page is scrolled
You can create some interesting pages using this property
Let's look at how to use the fixed property on a page
Open fixed.html which is our example page
Insert the vegas-panorama.jpg image below all the content on the page where it says fixed image goes here
We will position this image using fixed positioning
Open the fixed.txt file in the text folder and add it to the CSS rules on the fixed.html page
View the page in the browser and scroll the page to see how it displays
See how that image does not move in the browser
Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.
Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.