INSERT gif IN CSS

Jako posted this at 15:26 — 19th August 2007.

Joined: Sep 2006

I have just discovered the joys of coding with CSS and abandoned Dreamweaver - But.......

How do i insert an image into the body which move and stays in the same position if the screen is changed.

In Dreamweaver i just added a layer etc but now with using liquid layouts i cannot get the image to display let alone move relative to the rest of the web page.

I need the image to be in the top left of the body but without moving the rest of the content down !!

I have used {clear: both} and i dont get an image but the content move down.

Hope someone can help - or point me in the direction of a good tutorial on inserting images in CSS which cater for resizing etc.

Any help greatly appreciated.

sitesupport posted this at 01:40 — 20th August 2007.

He has: 190 posts

Joined: Jun 2007

have you tried
background: url(img.gif) top left no-repeat;

webwiz posted this at 19:18 — 20th August 2007.

He has: 629 posts

Joined: May 2007

Or give the image a negative margin-bottom, at least as large as the image height (or even much bigger if it's floated, to create a "removed float".)

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;