[SOLVED] Images

[crackafaza]

Hi all!

I needed help with something, I want to add the images on my page into the css, rather than the html page, I have used the:

background: url("images/header.jpg");

in the body tag, but can't seem to add any more images other than that to the stylesheet? can anyone help me with this, I have tried loads of things but can't get other images in the stylesheet!

Thanks
Cracka

[Marc]

have you got repeat/repeat-x/repeat-y/no-repeat in your stylesheet?

[crackafaza]

Yeah, I have got no-repeat on it, and it works for the header image, but when I go to add other images to the stylesheets it wont work :S

[dab42pat]

can you post your css showing where you are trying to put the images.

[crackafaza]

Below is my css, as you can see my header is placed in the body and appears on the page, but when I am trying to add the menu bar image I have it won't appear on the page? why is this? is it anything to do with fact I am using Div's? would something be more appropriate making it work?

Code: Select all

body {
 background: url("images/header.jpg");
 background-repeat: no-repeat;
 position: absolute;
 top: 1px;
 left: -10px;
}
#menu {
 position: absolute;
 top: 202px;
 left: -5px;
}

Thanks
Cracka

[MikeHopley]

Er...

You just repositioned the whole page by 10px to the left and 1px down!

Are you sure you know what you're doing with absolute positioning? I'd advise you not to use absolute positioning to layout your pages unless you have a strong theoretical understanding of CSS positioning.

[karinne]

And to show an background image, it's always best to add a width and height... otherwise, the box is not even 1px by 1px so your bg won't show.

[crackafaza]

Karrine thanks alot, that is exactly what i needed for it to work, what a basic mistake eh!
Ahh well, we learn by them

Thanks
Cracka

[karinne]

Ah! No problem ... I do that sometimes to ... forget to add width and height! Search for HOURS why it doesn't work, only to smack my head against the wall at my silliness!