X and Y background position

In this eample we set the background position as x and y starting point.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>background-position-x & y</title>
<style type='text/css'>
body {
  background-image: url("site_logo.gif");
 
  background-position-x:400px; 
  background-position-y:400px; 
  background-repeat: no-repeat;
 
  }
  

</style>

</head>

<body>
<p> 
    Set the background x and y position. 
</p>
</body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : X and Y background position
setting div background position -
Set position of background image in pixels -
right bottom background image position -
Change background position when mouse over -
Mouse position in C++ -
static vs fixed div position -
Get Mouse Position using JQuery -
ORACLE/ SQL DBA this is a CTH position. No H1Bâ€™s -
Get the position of HTML element using JQuery -
Slide automatically-specific speed to a determined position -

Topic Tags

CSS Background

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com