[vox-tech] webpage element positioning via coordinates

Rod Roark rod at sunsetsystems.com
Tue Aug 1 21:31:10 PDT 2006


On Tuesday 01 August 2006 21:00, Peter Jay Salzman wrote:
...
> Is it possible to position things via coordinates like this on a web page?

Yes.  It's called absolute positioning.  You'll need to read up on
the DOM and CSS, and also JavaScript if you want to position elements
dynamically.

Just to get you started, this will define an image positioned 100
pixels from the left and 50 pixels from the top edge of a page:

  <img src='...' id='myimage' style='position:absolute;left:100px;top:50px;' />

You can reposition it with JavaScript like this:

  var myimage = document.getElementById('myimage');
  myimage.style.left = 110;
  myimage.style.top = 60;

BTW if you like backgammon and want to see a cool application of this
stuff, check out www.parlorplay.com.

Cheers,

Rod


More information about the vox-tech mailing list