Jump to content

CSS - background image problem


stuffradio

Recommended Posts

I'm trying to have 2 background images. I have one background image on the left, it's a menu. For some reason the artist split it in to 2. So there is one sticking out a bit more, and I want it to stay fixed along with the left menu, and I want to have the text to disappear when it gets to the image.

 

This is what it looks like:

http://contra-diction.com/lupinesalt/

 

Any ideas?

yes - go and smack the designer upside the head...

 

The tree should be an image on its own and all the text should be supplied as a png (each nav item and the main title should be a png file on  its own).

 

Once you have that you can start constructing some meaning full html to use these BACKGROUND IMAGES with...

Ok,

 

it's one whole image now. It still has a scrolling problem. Make the window smaller and when you scroll you can see how the image kind of messes up when you scroll. I just want the image to stay there and the text to scroll. Anyone have any ideas?

yes - if you read my last post again and get these images separately then you can start to build the (x)html to achieve your goals...

 

Do that and come back and I will personally show you how to get started...

Maybe you misread my post.. at first they were 2 separate images, and I just combined them today. So I thought you were agreeing with me that they should be combined and that's what I did.

 

So how do you achieve this then with two images?

I think you mis-read my post...

 

you should have ONE image of the tree THE WHOLE TREE - with NO TEXT on it - this will be your body background image.

 

You should then have ONE IMAGE - a png of JUST the site title - the lupine den.

 

and finally 20 png images of each of the links in the navbar.

 

keep the stroke on the text in the individual images - so that if nothing were laid over the tree you would not have odd text-shaped gaps...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.