I think I see what you want. Forgive me if I'm wrong. :-)
Referring to the example I gave you in my last reply:
You need to define the screen position of your menu in #menu {}
Then define your actual menu element box sizes (width and height) to create a
box 'window' to view parts of your image using #menu li a {}
You would also define the coordinates of the first part of your image you want
to view in #menu li a {}
After that it's a simple matter of setting the coordinates for the part of your
image that you want to use for the rollover using #menu li a:hover {}
and again for the active part of the menu using #menu li a:active {}
The top and left coordinates of your image will be 0 0 and any other pixel
coordinates will be negative values taken from 0 0 as the initial reference.
If you need different parts of the image in each menu <li> item, then you would
need multiple <div>s, one for each different menu item.
It would be a lot easier if you could generate some code for this, even if it
doesn't work properly and put it on a site somewhere, along with your 'giant'
image, then we could do some real work on getting it right for you. Failing
that, post what you have (including your menu image) direct to my email address
and I'll try to create something for you to learn from. I won't actually do the
entire job for you, as I believe that the only way to learn is by making your
own mistakes and correcting them, with or without help.
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Christopher
To: [email protected]
Sent: Saturday, June 21, 2008 7:37 PM
Subject: Re: [css-d] CSS Roll Over Problem Help
I have one giant image with 3 areas specific for links, I don't want the
whole image just 3 specific areas of the giant image, when I read up on
sprites most of the examples were little buttons so how do I go about
doing it this way which I have laid out ?
Christopher
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
