CSS Help - Image Movement

SubFocus · 22 Apr 2010 at 16:17

Hi Guys,

Trying to get an image on the display of a phone, Mitel 5340, to simply move from the top to the bottom of the display. I have the source code for the display currently, which is stationary. It is:

<html>
<head>
<style type="text/css">
.imageposition
{
position: absolute;
top: 142px;
left:0px;
};
</style>
<script>
RequestFullScreenBrowser();
</script>
</head>
<body>
<div class="imageposition">
<img src="Logo.gif">
</div>
</body>
</html>

I was also thinking of making an image in a gif editor the size of the display and animating it to move how i want.

Can anyone help?

gord · 22 Apr 2010 at 16:35

If it is using CSS properly try:

Code:

<html>
<head>
<style type="text/css">
html body {
height: 100%;
}
.imageposition
{
position: absolute;
bottom: 0;
left: 0;
};
</style>
<script>
RequestFullScreenBrowser();
</script>
</head>
<body>
<div class="imageposition">
<img src="Logo.gif">
</div>
</body>
</html>

SubFocus · 22 Apr 2010 at 16:43

Hi Gord,

Thanks for the reply.

I have pasted this into the source code for the file, but when i preview it Internet Explorer or Chrome the image is still stationary but further to the bottom of the page.

Any suggestions?

SubFocus · 22 Apr 2010 at 17:23

If it helps, Mitel do have an online application builder, i got through all the way to the end to be told i will have to pay!

The demo link is here http://demo.ingeniussoftware.com/hospitality/Demo.aspx

Hope that helps..

gord · 22 Apr 2010 at 18:13

SubFocus said:
Hi Gord,

Thanks for the reply.

I have pasted this into the source code for the file, but when i preview it Internet Explorer or Chrome the image is still stationary but further to the bottom of the page.

Any suggestions?

I've tested that code here and it definitely puts the image container to the bottom of the window.

Can we see the image you are using?

SubFocus · 22 Apr 2010 at 18:32

Hey - Ofcourse, i will upload it now.

SubFocus · 22 Apr 2010 at 19:24

Gord - you may have read the initial post wrong. I want it to move from top, middle and then to the bottom every now and then. May be impossible actually...i'm sure we have to go through Mitel for it..

gord · 22 Apr 2010 at 19:37

Ah, I was trying to figure out your stationary comment.

Then yes, an animation the size of the port window with it motioned between those would work.

You could use javascript to move an image, or flash or a gif to animate it.