ansaurus

Question

How can I display a HTML element at a precise location?

Answer 1

+4 A:

Well, if you want an element to be placed at a specific location on the page, you can give it position: absolute in CSS, together with it's position relative to the last parent element that has a position value of relative or absolute.

For instance, with this HTML

<div id="square"></div>

Can be placed 100px off the top and left of the page with this CSS

#square {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 100px;
  left: 100px;
}

Given your example, no, not entirely. You can use the style attribute for the same effect though:

<div id="square" style="top: 100px; left: 100px;"></div>

Assuming #square has position: absolute applied to it from a stylesheet already. It's best however if you incorporated this into a stylesheet, since content and presentation should be separate.

Yi Jiang 2010-09-17 07:29:00

Thanks. It's what I wanted...

2010-09-17 07:45:12

Answer 2

+1 A:

You can do absolute positioning via CSS. See http://css-discuss.incutio.com/wiki/Absolute_Layouts

Jon Rodriguez 2010-09-17 07:30:26

ansaurus

tags:

views:

answers:

How can I display a HTML element at a precise location?

related questions