472,961 Members | 1,430 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,961 software developers and data experts.

Position and top of a div after move

DL
Hi,

My research on this NG hasn't produced a satisfactory answer. Here's
what I want to do:
move two div (s) (each has an image tag within) to another location on
the same page.
// no problem with that
// prior to move, position = fixed;
// at each move, I capture the new top value

Now, the question is, how do I display the two div (s) with the new
position and top (the top part is working)?
// currently, the second div, that is an image within it lays below
the first one but the move action places the second div to the right
of the first.

In other words, with the new page, I don't know what value to use for
the position Attribute for each of the two div (s). I've tried
different combo for the "Absolute" | "Fixed" value ...

TIA.
Jun 27 '08 #1
5 4241
DL
On Apr 27, 11:17*pm, DL <tatata9...@gmail.comwrote:
Hi,

My research on this NG hasn't produced a satisfactory answer. * Here's
what I want to do:
move two div (s) (each has an image tag within) to another location on
the same page.
// no problem with that
// prior to move, position = fixed;
// at each move, I capture the new top value

Now, the question is, how do I display the two div (s) with the new
position and top *(the top part is working)?
// currently, the second div, that is an image within it lays below
the first one but the move action places the second div to the right
of the first.

In other words, with the new page, I don't know what value to use for
the position Attribute for each of the two div (s). * I've tried
different combo for the "Absolute" | "Fixed" value ...

TIA.
Is the problem too difficult to be resolved or is my problem statement
not clear enough (I thought if you'v done something similar it
wouldn't be too difficult to understand what is presented here)?

Thanks.

Jun 27 '08 #2
On 2008-04-29, DL <ta********@gmail.comwrote:
On Apr 27, 11:17*pm, DL <tatata9...@gmail.comwrote:
>Hi,

My research on this NG hasn't produced a satisfactory answer. * Here's
what I want to do:
move two div (s) (each has an image tag within) to another location on
the same page.
// no problem with that
// prior to move, position = fixed;
// at each move, I capture the new top value

Now, the question is, how do I display the two div (s) with the new
position and top *(the top part is working)?
// currently, the second div, that is an image within it lays below
the first one but the move action places the second div to the right
of the first.

In other words, with the new page, I don't know what value to use for
the position Attribute for each of the two div (s). * I've tried
different combo for the "Absolute" | "Fixed" value ...

TIA.

Is the problem too difficult to be resolved or is my problem statement
not clear enough
I think the latter!
(I thought if you've done something similar it wouldn't be too
difficult to understand what is presented here)?
I really couldn't understand it at all. How do you capture the new top
value? When you say new position, do you mean new location on the screen
or new value of the position property? Where do you want the image to
move to? Where is it moving to?
Jun 27 '08 #3
DL <ta********@gmail.comwrites:
On Apr 27, 11:17*pm, DL <tatata9...@gmail.comwrote:
>>
My research on this NG hasn't produced a satisfactory answer. * Here's
what I want to do:
move two div (s) (each has an image tag within) to another location on
the same page.
// no problem with that
// prior to move, position = fixed;
// at each move, I capture the new top value
I don't follow this. Moving is not a common CSS operation. When do
you move things? My first thought is you are using JS and thus your
post is off topic, but...
>Now, the question is, how do I display the two div (s) with the new
position and top *(the top part is working)?
// currently, the second div, that is an image within it lays below
the first one but the move action places the second div to the right
of the first.

In other words, with the new page, I don't know what value to use for
the position Attribute for each of the two div (s). * I've tried
different combo for the "Absolute" | "Fixed" value ...
a URL will more the double your chance of someone helping. A "best
attempt" live example is worth 1000 words.

--
Ben.
Jun 27 '08 #4
DL wrote:
Hi,

My research on this NG hasn't produced a satisfactory answer. Here's
what I want to do:
move two div (s) (each has an image tag within) to another location on
the same page.
// no problem with that
// prior to move, position = fixed;
// at each move, I capture the new top value
It's unknown and indecipherable what you are doing.

You need to use javascript to read element attributes/properties. How
you do that depends on just what you want to read and whether it is in
the document flow or outside of it.

My guess is that googling "javascript find position" might give you a
start.

If you want the image to lay on top of the existing page, you'll want
position: absolute, and you'll want to either set a zIndex or write the
html for those late in the page html so it's inherent zIndex is higher.

Jeff
>
Now, the question is, how do I display the two div (s) with the new
position and top (the top part is working)?
// currently, the second div, that is an image within it lays below
the first one but the move action places the second div to the right
of the first.

In other words, with the new page, I don't know what value to use for
the position Attribute for each of the two div (s). I've tried
different combo for the "Absolute" | "Fixed" value ...

TIA.

Jun 27 '08 #5
DL
On Apr 29, 11:48*am, Jeff <jeff@spam_me_not.comwrote:
>...
It's unknown and indecipherable what you are doing.

You need to use javascript to read element attributes/properties. How
you do that depends on just what you want to read and whether it is in
the document flow or outside of it.

* *My guess is that googling "javascript find position" might give youa
start.

* *If you want the image to lay on top of the existing page, you'll want
position: absolute, and you'll want to either set a zIndex or write the
html for those late in the page html so it's inherent zIndex is higher.

* *Jeff
Thank you all. Let me clarify what I intend to do here.

The page has two components of simple inline CSS and HTML code and
content.

Objective: find the values of the two Attributes of {postion} and
{top}, in essence the x/y coordinates of the DIV of ID "ElementOne"
after its move to another spot of the same page.
// don't worry about how to move it, it's done

The key aspects of "things" are as follows:
// CSS part
<style type="text/css">
div#ElementOne {
position: absolute; /* try fixed as well*/
top: 300px;
z-index: 200;
}
</style>

<!-- HTML part -->
...
<div id="ElementOne">This is Element One</div>
...

Thanks.
Jun 27 '08 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Erik Sandblom | last post by:
Hello I'm trying to make some tooltips which are position:fixed. It works fine in Opera and Safari/Konqueror, but in Firefox and Camino (ie Mozilla), it takes a few seconds for each tooltip to...
2
by: sara | last post by:
How to change the position of webservercontrol at runtime
5
by: Jay | last post by:
I am trying to code an application that will move a image around the screen depending on what arrow keys the user presses. If the user presses the up key, the graphic will move up a few positions,...
2
by: mmdst23 | last post by:
I'm working on a video player app, and I want to implement a trackbar that behaves like the one in Media Player, that is the cursor position moves to where the user clicked instead of moving in...
8
by: Edward | last post by:
I used to do this all the time in HTML-table layouting. How do I do this in CSS? -------------------------------------------------- <table width="400px"> <tr> <td bgcolor="beige">one line of...
2
by: pierre | last post by:
Hello, I have a page with 2 divs : <div id="box_out" style="position: absolute; width: 600px; height: 500px; overflow: scroll; border: 1px solid #f00;"> <div id="box_in" style="position:...
19
by: wmanzo | last post by:
I have a really professional conspiracy movie site and I use tons of layers and an external scroll bar assembly. I would like to put the various sections into MS Iframes and in order to clean up...
0
by: crisscross27 | last post by:
Hi, I found a page called "myflashfetish" where you chan choose mp3 players for my space, well the problem is this, I wanted to place 2 or more players in myspace in a particular place, I read...
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
3
NeoPa
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
2
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.