3 replies to this topic

[CornWheel]

Whats the code to get an image all the way to the top left of the page other then just leaving a little space?

and I have another question. how do I put a bg aligned to the left but make the image stack ontop of eath other other then tile it?

[rc69]

First question:
Add the following to your CSS.

html,body { margin:0; padding:0; }

That won't move the picture itself, but it will remove the gap thus making the picture move.

Second question, needs a little more explaining, and maybe an example. Simple reason being, background images automatically tile themselves.

[coolaid]

body { margin:0; padding:0; }

its better to remove the html part, so this way, it appears the same in ie,ff,opera,etc. if you add html, in there, the entire margin becomes around -5 pixels in IE

and the 2nd question. use

body{
background:url(image.gif) repeat-y;
background-position:left;
}

or instead of using let, you can use pixels e.g. background-position:0 20px;
0 is the top and 20 is for the left side.

Edited by coolaid, 08 February 2006 - 12:38 AM.

[greg]

Just a quick tip: You can just add "left" to the "background" attribute; there's no need for "background-position."

body {
background: url(image.gif) left repeat-y;
}