fifeclub — Mon, 15 Nov 2004 16:30:26 +0000

Worked like a charm. I got my left side logo overlaying the repeating background that forms the fat part of red stripe, and it lines up perfectly. Thanks.

(If it doesn't come up with the red and white theme just click "Classic" (the only theme I'm really working on right now))

fifeclub — Sun, 14 Nov 2004 16:32:40 +0000

Awesome. Like the other post you helped me out with, I'll test that out when I get a chance. Thanks a ton for both CSS suggestions.

Abhishek Reddy — Sat, 13 Nov 2004 10:27:20 +0000

fifeclub wrote: Can I add an image graphic to my page via CSS only and not as a background?

I need to do something exactly like the top of this very forum here. There's a logo on the left side and when the image ends, it aligns perfectly with the background image continuing on seemlessly. This example above was done in seperate table cells but it could have easily been done in one div by making the horizontal red and black lines as a repeating background, and then just place the logo on top of that aligned left. That's what I want to do basically but ALL is css, not in the page's html. Can this be done in CSS?

You can only insert images as background. But! If you want to overlay one atop the other using CSS only, use two transparent s layered/nested in that order. Then assign backgrounds accordingly. The image is still controlled by CSS, only its physical placement is represented by your .

Is that any help?

fifeclub — Fri, 12 Nov 2004 22:43:09 +0000

I've advanced past the point where I wrote the original post but I still need help, please. Here's the deal in a nutshell. Can I add an image graphic to my page via CSS only and not as a background?

I need to do something exactly like the top of this very forum here. There's a logo on the left side and when the image ends, it aligns perfectly with the background image continuing on seemlessly. This example above was done in seperate table cells but it could have easily been done in one div by making the horizontal red and black lines as a repeating background, and then just place the logo on top of that aligned left. That's what I want to do basically but ALL is css, not in the page's html. Can this be done in CSS?

If not, how else can I accomplish this effect? The only other option I can see is making a very very long graphic and make that a background-image that doesn't repeat. But that would be a huge and unnecessary drain on the bandwidth and load times so it's not desirable. Plus, exactly how long would I need to make this super-long background-image in order to ensure that it never repeats?

Please help. Thanks.