Stylesheets - bgimage wont repeat

Author

bgimage wont repeat

Alistair

2005-11-28, 7:06 pm

hi all

I have an image that I want to repeat across the very top of my page (it's a
bar with snow melting)

so

..topimage
{
background-image: url(bar.gif);
background-repeat: repeat-x;
left: 0px;
top: 0px;
position: absolute;
}

but no matter what I do, it wont repeat. I only get one of them.

bound to be something obvious but my CSS knowledge ranks up there with my
knowledge of whatever is under my bed!!

thanks for any help

William Tasso

2005-11-28, 7:06 pm

Alistair <news@alistairbpants.co.uk> wrote:

> hi all

How do you do?

> I have an image that I want to repeat across the very top of my page
> (it's a
> bar with snow melting)
>
> so
>
> .topimage
> {
> background-image: url(bar.gif);
> background-repeat: repeat-x;
> left: 0px;
> top: 0px;
> position: absolute;
> }
>
> but no matter what I do, it wont repeat. I only get one of them.

What type of element is .topimage?
Is there anything that is limiting its width?

Have you tried specifying {... width:100%;}

--
William Tasso

Tony

2005-11-28, 7:06 pm

>.topimage
>{
> background-image: url(bar.gif);
> background-repeat: repeat-x;
> left: 0px;
> top: 0px;
> position: absolute;
>}

position:absolute takes the element out of the normal flow, which will
affect it's width rendering. If it is not necessary, remove that line.
Otherwise, specify a width, as William suggested.