css image not moving

cassbiz

202 New Member

I am trying to set an image with css and it is not moving

in my css file I have the following line

Expand|Select|Wrap|Line Numbers

.po {position: absolute; top: 200px; right: 100px;}

in my php page I have the following line

Expand|Select|Wrap|Line Numbers

 echo '<div class="po"><img src="../images/park_map_test.gif" width="575" height="639"></div>';
 

The image doesn't move. I have googled this subject out and cannot get it to move.

Thanks in advance for any error that I may have.

Nov 12 '06 #1

Subscribe Reply

11327

drhowarddrfine

7,435

Recognized Expert Expert

You have the div absolutely positioned which will remove it from the normal flow, so the image winds up being independent of the positioning of the div.

Nov 13 '06 #2

cassbiz

202

New Member

You have the div absolutely positioned which will remove it from the normal flow, so the image winds up being independent of the positioning of the div.

Thank you, still being stumped here, how would you recommend the code to be. I will also have to lay text over the top of the image.

Nov 13 '06 #3

drhowarddrfine

7,435

Recognized Expert Expert

What happens is the containing div must be positioned, too. Here's what I used. The image is just one I had on my computer.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

   "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title></title>
 
<style type="text/css">

.po{

position:relative;

border:1px solid red;

height:600px;

width:800px;

}

.po img{

position:absolute;

height:60px;

width:50px;

top:200px;

right:100px;

}
 
</style>

</head>

<body>
 
<div class="po"><img src="Daniel.jpg"></img></div>
 
</body>

</html>

Nov 13 '06 #4

cassbiz

202

New Member

What happens is the containing div must be positioned, too. Here's what I used. The image is just one I had on my computer.

Expand|Select|Wrap|Line Numbers

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title></title>

<style type="text/css">

.po{

position:relative;

border:1px solid red;

height:600px;

width:800px;

}

.po img{

position:absolute;

height:60px;

width:50px;

top:200px;

right:100px;

}

</style>

</head>

<body>

<div class="po"><img src="Daniel.jpg"></img></div>

</body>

</html>

Dang! You dun did it! :) Thanks

I almost think searching for pirate treasure is easier than writing code.

Nov 13 '06 #5

drhowarddrfine

7,435

Recognized Expert Expert

Arrgh, yer welcome me matey.

Nov 13 '06 #6

Similar topics

6169

determine whether the image file is loaded

by: Donjuan | last post by:

Hi all I have trouble with tracking whether my image file is loaded. i use DHTML to change my image. HERE is the code: <img name="someimage" src="1.jpg"...

Javascript

3150

Add moving text to image

by: upro | last post by:

Hi! I'm totally new to JavaScript, and haven't been able to find the answer to that on the web: I have an image and want to use an imagemap in a way that when the cursor touches a certain...

Javascript

3033

"ghost image" that lets events through to elements underneath

by: Roger Shrubber | last post by:

I have a page with images that the user can drag from one frame to another. I need them to see a "ghost image" of the image they are dragging, while the original stays put. I use the onmousemove...

Javascript

4731

Image maps and area alt text

by: David Stone | last post by:

I have a simple question about the alt content of area elements within an image map: is it redundant to include phrases such as "link to..." or "jump to..."? My initial thought is 'yes', since...

HTML / CSS

6735

DHTML moving an image

by: cjparis | last post by:

Hello everyone. If anyone can give me a hand I would be gratefull Am doing a site which requires a moving element and have used DHTML to do it. Have a simple Browser detect script to sort IE...

General

3778

Problem with moving image

by: rsteph | last post by:

I bought a book to help me learn to use DirectX with windows programming. It's first trying to walk me through some basic windows programming and graphics before getting into DirectX. I'm trying to...

C / C++

4201

wxpython - draw lines on image

by: dazzler | last post by:

I'm trying to draw line to an existing image, the problem is that the image doesn't update/refresh itself. In the example there's one button, but when pressing the button it changes the image but...

Python

2849

Background image on the text box is moving along with data in IExplorer

by: ramesh1210 | last post by:

Hi all, Actually my requirement is to place an image in the text box and it should stand over the data in the text box. And i made it as ...

HTML / CSS

7199

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7076

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7323

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

6984

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

7453

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

5576

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

4670

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3162

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

3151

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET