bgimage wont repeat

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Alistair - 28 Nov 2005 21:12 GMT

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

Reply to this Message

William Tasso - 28 Nov 2005 21:23 GMT

> 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
[quoted text clipped - 12 lines]
>
> 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%;}

Signature

William Tasso

Reply to this Message

Tony - 28 Nov 2005 23:06 GMT

>.topimage
>{
[quoted text clipped - 4 lines]
> 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.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / November 2005

bgimage wont repeat