Thierry Koblentz wrote:
Hi Derek,
You could try:
#set_of_links a:active span {...} /* for MSIE */
#set_of_links a span { /* instead of display:none */
position:absolute;
left:-9000px;
}
Regards,
Thierry | www.TJKDesign.com
It worked. Initially I had used :active, but Firefox only considers that
for the "click", so when I had switched from :active to :focus for
Firefox, I was doing IE a disservice, because it treats :active like
:focus; adding it back in has fixed the problem for IE, and I removed
the IE7 javascript (from the second example, IE needs it for the first
example's CSS2.1 selectors) to keep it as compliant/compatible as possible.
With the :active Opera now does display the <span> but only for the
click; it doesn't leave it displayed with :focus. However,
interestingly, if I highlight part of the link in Opera 8, it does keep
the <span> displayed, so things are improving substantially. Thanks Thierry.
I hadn't considered, using Thierry's example, how being already inside
an anchor tag will affect the list of links Mitko originally wanted.
(Well, I knew that bridge eventually had to be crossed, but put it off.)
Certainly, in IE and Firefox the page renders and passes W3C validation.
In IE the links are clickable, but Firefox and Opera they aren't. I
tried this:
#set_of_links a {
position: relative;
z-index: 10;
}
#set_of_links a a {
z-index: 100;
}
but without success; I had hoped bringing the second link "above" the
first in the z-index would help the rendering engines. Doesn't seem to.
There is still my own solution, but the CSS2.1 selectors keep it from
being particularly cross-browser friendly. Though I don't know why Opera
doesn't seem to like the adjacent sibling selector, or maybe something
else. I've even tried highlighting the link (which works in example 2),
to no avail. Any thoughts?
For reference, example URLs:
#1: <http://www.automatamedia.com/css-d/links.php>.
#2: <http://www.automatamedia.com/css-d/links2.php>.
Regards,
Derek
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
