ansaurus

Question

move an image from a table cell to the top left of the browser window using css alone

Answer 1

+1 A:

use css positioning:

something like that:

imgLogo {

position:absolute; top:100px; left:100px; }

Aviv

2009-05-13 21:00:04

Ok, this is strange. This seems to do the job perfectly on the example I gave but this is the first thing I tried and it does not work for the real example. You can definitely have a point for answering the question but I'm afraid it was a bad question.

Chris Simpson 2009-05-13 21:03:38

Answer 2

+1 A:

Set the tables ccs to position:relative and your image to position:absolute and give it top:0px and left:0px;

Rigobert Song 2009-05-13 21:00:07

As I said above (beaten by 4 seconds - and you actually got the numbers right) this works for the given html but not the real html. This tells me that something else is stopping this image moving. thanks.

Chris Simpson 2009-05-13 21:04:49

is there another css file being referenced on the page?

Rigobert Song 2009-05-13 21:06:34

No, definitely not. I've checked and double-checked this.I've just had a look at the problem again and the table that the image is in is nested inside another table. I'm going to see if that makes a difference to my example. If so I'll alter the question to show the new example html.

Chris Simpson 2009-05-13 21:11:28

As I mentioned in the edit, the problem is now solved. A parent element was already position absolute but with no specified co-ordinates. Setting this to 0,0 did the trick.

Chris Simpson 2009-05-13 21:25:45

Answer 3

A:

Absolute positioning is the key:

#imgLogo {
    position: absolute;
    top: 0;    // This is the default value, but whatever
    left: 0;   // ^
}

Andrew Noyes 2009-05-13 21:02:32

ansaurus

tags:

views:

answers:

move an image from a table cell to the top left of the browser window using css alone

imgLogo {

related questions