Alan K Baker wrote:
> http://www.webbwize.co.uk/Test_Area/VTPO/
> [...] 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 addition of...
.couplertab li a, .fluetab li a, .reedtab li a, .stringtab li a {
background-repeat: no-repeat;
}
...will fix the problem with the shorter background.
> [...] The correct effect can be seen on the top text for each image,
> which is working correctly as expected.
Except that small font-sizes do not survive 'minimum font size' or
'ignore font size'.
> 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?
Address them as...
#navbar li a:active span { /* and style to your liking */ }
Delete the 'z-index: 200;' on '.abbreviate, .pitch' while you're at it,
as it serves no purpose.
Additional comments:
The whole construction makes me wonder why there are so many DIVs and
ULs in there, as one UL and a number of LIs with anchors would work just
fine.
All backgrounds with all states can be contained in one image, and
horizontal background-offset be used to line them up as what you have
now. Will make the whole thing less complicated I think, and one image
loads faster. You can also tune the image a bit and make it 8bit png,
which will make IE6 more cooperative.
Remember that IE6 'auto-expands' empty elements, as IE/win sees
imaginary spaces in empty elements.
Declaring 'overflow: hidden' on them or simply placing an HTML comment
as only content inside them, will make IE6 stop expanding them.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/
