l i n u x - u s e r s - g r o u p - o f - d a v i s
Next Meeting:
July 7: Social gathering
Next Installfest:
Latest News:
Jun. 14: June LUGOD meeting cancelled
Page last updated:
2006 Aug 02 12:22

The following is an archive of a post made to our 'vox-tech mailing list' by one of its subscribers.

Report this post as spam:

(Enter your email address)
Re: [vox-tech] webpage element positioning via coordinates
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [vox-tech] webpage element positioning via coordinates

On Tue, Aug 01, 2006 at 09:31:10PM -0700, Rod Roark wrote:
> 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.

#round {position:absolute;left:0px;top:0px;width:200px;height:200px;
#round li {position:absolute}
<ul id="round">
var linker=document.getElementById("round");
var children=linker.getElementsByTagName("li");
var l=children.length;
for (var i=0;i<children.length;i++){
   children[i].style.left=100+100*Math.sin(i *2*Math.PI/l);
   children[i].style.top=100-100*Math.cos(i *2*Math.PI/l);

I was having trouble getting more of this off into a self-contained
function, however.


Ken Bloom. PhD candidate. Linguistic Cognition Laboratory.
Department of Computer Science. Illinois Institute of Technology.

Attachment: signature.asc
Description: Digital signature

vox-tech mailing list

LUGOD Group on LinkedIn
Sign up for LUGOD event announcements
Your email address:
LUGOD Group on Facebook
'Like' LUGOD on Facebook:

Hosting provided by:
Sunset Systems
Sunset Systems offers preconfigured Linux systems, remote system administration and custom software development.

LUGOD: Linux Users' Group of Davis
PO Box 2082, Davis, CA 95617
Contact Us

LUGOD is a 501(c)7 non-profit organization
based in Davis, California
and serving the Sacramento area.
"Linux" is a trademark of Linus Torvalds.

Sponsored in part by:
Sunset Systems
Who graciously hosts our website & mailing lists!