Expression Web:Background images

From virtualMV2015wiki
Jump to: navigation, search
 Home  Expression Web <

Introduction

Overview

This is my hints page.

Icon Objective.png

Objective Adding a background image

By the end of this page you will be able to:

  1. Use Expression Web to generate the CSS required for a background image

Steps

Adding a background image
  1. The style for the background needs to be added to the body tag as the background image is for te whole page.
  2. Use New Style (or use Manage styles) and select body
  3. choose appropriate settings for: image, repeat, and x and y positions.

The following style will be created:

<style type="text/css">
body {
	background-image: url('MVFern.png');
	background-repeat: no-repeat;
	background-position: center center;
}
</style>


Icon Example.png

Example

  • Video demonstration (Show what is returned by the server 3.2MB @ 1min30sec)

ExpWeb_Background.html


Icon References.png References


Expression Web:Background images. (2017). In virtualMV's ( Michael Verhaart ) wiki. Retrieved December 13, 2017, from http://www.virtualmv.com/wiki/index.php?title=Expression_Web%3ABackground_images    (zotero)