Fixed Background

Learn how to add a backgroud image that doesn't move as a page is scrolled.

Related Tutorials

Fixed Image Background for the Page
In this tutorial you will learn how to put a fixed image background on your pages, that is the background that stays in the center of your page even when you scroll the page.

Fixed Image Background for the page
This tutorial will teach you how to put a fixed image background on your pages, that is the background that stays in the center of your page even when you scroll the page.

CSS Background Examples
The CSS background properties allow you to control the background color of an element, set an image as the background, repeat a background image vertically or horizontally, and position an image on a page.

Make a Fixed Banner
This tutorial will eventually give the effect that Popup blockers come up with when they block something.

Learn CSS: Background Images
This simple tutorial will teach you about the background property in CSS, there are many ways to add a background to your page body and seperate page elements.

How To Style Heading Tags
Now when it comes to heading tags CSS is very important. They can be styled in many ways using a number of methods: Complete image to visitor with hidden text - Image Replacement Technique. One Background image as whole background with normal XHTML text - as on this site. Repeated background with XHTML text on it - Good to reduce bandwidth. Background and text all in css by use of colours and border.

Changing The Background
Learn how to setup your site, div or table background using css.

Changing Table Background on MouseOver
This tutorial will teach you how to make a menu like tables that will change background color when you mouseOver.

Controlling Background Styles
This tutorial will show you how to control background styles in css.

Background properties
Css properties allows you to specify the background of an element. Backgrounds may be colors or images.

Z-index, background images and hidden text-Search Engine friendly
In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning and z-index.

CSS and Backgrounds
In this tutorial I'll be going into the properties that give colour to your layouts, and let you control your background images. You will soon be able to control the background colour and image of all your elements.

Holy Grail 3 Column Layout in CSS
Three columns. One fixed-width sidebar for your navigation, another for, say, your Google Ads or your Flickr photos and, as in a fancy truffle, a liquid center for the real substance. Its wide applicability in this golden age of blogging, along with its considerable difficulty, is what has earned the layout the title of Holy Grail

Guide to Backgrounds
As the so called "presentation attributes" for the body element have been deprecated, some of you may be wondering how to add a background image to your XHTML document. The answer is to use CSS. The benefit of using CSS is that you can do a lot more with your background image. This tutorial will show you how.

CSS Background Rollover
Looking to add a little style to your image links? Let's use CSS to add a background color that appears when the mouse hovers over the image. This style can be used on a variety of images but we'll be looking at adding this style to affiliate buttons.

Background Image (No Repeat)
In this discussion you will see how to set background image (No Repeat).

Page Layout and Background Image Design
Clear answers are provided with tutorial exercises on screen and browser resolutions, setting Web page width in absolute and relative length units, setting images and font sizes in relative length units, adding multiple background images.

Background Color
CSS background colors work very similar to the bgcolor command in html. When applied within the <body> tag it will color the entire page in that color. This may seem redundant to the bgcolor tag, however since the bgcolor tag is typically applied to each page and CSS are usually linked throughout a site, you can easily in one place, change the backgrounds to many pages similar.

Style Sheets and Backgrounds
Learn how to set images in background by using CSS.

Links and Styles
Modify link states, add background color, change cursor on mouseOver...etc

Basic CSS With Text Formating
You Will Learn How To Change A Background Color And How To Format Text In A HTML Document Also We Will Find Out How.

Cascading Style Sheets (CSS); Backgrounds
Background colors and images can be used for stylistic effects and can be an important element in the design of web sites. With standard HTML, one can assign backgrounds to a web page and to tables and table data cells.

CF Navigation Menu II
This is an inverted version of the original CF Navigation Menu. Four images are used as part of its interface- the two round corners, an indented divider between menu links, and a gradient background image spanning the menu.

Style Sheets and Backgrounds
You can do a lot with text and page backgrounds through CSS commands--in fact, if you have a MySpace account, that's the only way to customize your page! Here we've tried to run down all available events (including multiple backgrounds) and describe how to use positioning to set background watermarks on your page.

Rounded corners box simple effect with photoshop
In this post I will show how to create rounded corners using background images created in Photoshop, one for each corner. This technique is very simple and is working in all the browsers.

A vertical CSS menu
A tutorial on how to make a vertical menu with pure CSS all together with background colors, links and all the things one menu needs.

Create custom form button
This tutorial explains how to create custom web form button using CSS and the background image

Absolute Columns
CSS layouts have come quite a long way since the dark ages of web publishing, with all sorts of creative applications of floats, negative margins, and even background images employed in order to give us that most basic building block, the column. As the title implies, we are indeed going to be discussing columns today-more to the point, a handy little application of absolute positioning that may be exactly what you've been looking for...

CSS Repeating Backgrounds
Are you looking for a repeating background using CSS? This tutorial will teach you how to create 3 different css repeating backgrounds: horizontal, vertical and tiled.

Chrome Menu Bar
This is a lightweight "chrome" looking CSS menu bar. The menu uses two variants of the same background image to create the hover effect.

Vertical Divider Menu
One of the most popular CSS menu interfaces around, this is a horizontal CSS menu that uses an indented vertical divider to separate each menu item. Each item can change background color when the mouse moves over it.

Float bug fix in div to expand
Many of would find a problem when using a block(div) called a container with the background color, where you don't want to use float or height to the div. And in the inner div of the container you want to give float to it. You can find this issue in most of the browser like ie, firefox, the container will not expland as the inner div.

Block, Inline and Floating Elements
A collection of 21 FAQs/tutorials tips on HTML formatting models. Clear answers are provided with tutorial exercises on block and inline elements, specifying padding spaces and margins, specifying border width and color, transparent and non-transparent backgrounds, positioning background images, line boxes and text paragraphs, setting line height.

Shade Image Tabs Menu
This is an attractive "blue shading" image tab menu. The shade effect is created using two gradient background images, one for the overall tabs, and the other, for the currently "active" tab.

CSS Tutorial For Beginners
In this tutorial, you will learn how to: Create an external CSS file and link it to multiple HTML files; Embed and import a style sheet; Create inline style sheets; Use tap selector and class selector; Set up font sizes, colors, faces and styles; Set up background color and image; Set up margins, text-align and decoration; Create layers; Set up atributes of the table, and more...

Build A Full-Width Centered Navigation Bar
Right around the time I was developing the code for the Super Simple Navigation Bar I wrote about a while back, a friend came to me with an interesting problem. He needed a horizontal navigation bar like the one I was creating, with the following changes: 1. The navigation bar background should stretch the full width of the screen (not just the width of the centered content area), but 2. The navigation elements themselves should still be centered over the content area.

Fixed Background

View Tutorial