Hi all. Another couple of problems that are driving me insane once more. <g>
I am using image (background) displacement to simulate the movement of a 'switch tab' on a pipe organ. Each image category (there are four) is a .png compiled from three separate images placed one above the other in a vertical line. The initial images are correctly positioned and the a:hover state works fine too. However, the a:active state is acting strangely in all browsers tested so far. What should happen is that in the a:active state the last (lowest) part of the image starting at 250px from the top of the image, should be placed in the containing <div> at 0 0, which it does, but it appears to be wrapping vertically so that 11px of the image below 250px appears at the bottom of the <div>, where there should be nothing. I can't see why this should be a placement problem and wonder if it's to do with the way z-index is handled, or is it because I have misunderstood the way that transparent images are supposed to be rendered when displaced within a set size <div>? The other problem is that at the bottom of each 'tab' image there is a figure and under that a three letter abbreviation. So that they can be styled and placed precisely, I've given each a separate definition, but they are defined in the HTML as <span>s because <a href> rules won't allow a <div> to be used. They are not picked up by the anchor state in IE, consequently they cannot be picked up by the parent <div>'s a:active state, so I can't change their characteristics (text size etc) to follow the background image appearing to be smaller, when the mouse is clicked. The correct effect can be seen on the top text for each image, which is working correctly as expected. Can anyone think of a way of achieving this with text, as I don't want to have to resort to further graphical text manipulation? I've uploaded the site to: http://www.webbwize.co.uk/Test_Area/VTPO/ the stylesheet is at: http://www.webbwize.co.uk/Test_Area/VTPO/scripts/stylesheet.css and relevant images are in: http://www.webbwize.co.uk/Test_Area/VTPO/images and subfolders. I know that there are further problems with IE6, but I'll address those later. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups Shopsmith 520 + bits Flatulus Antiquitus ______________________________________________________________________ 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/
