Thanks to all for trying to help! I got further requirements and I have a draft version based on some code Dreamweaver spat:
http://websage.net/new/programs_menu.htm The CSS and JS code are respectively: http://websage.net/new/mm_css_menu.js http://websage.net/newprograms_menu.css The issues I have are: - There is a gap between the flyout menu and the table; that gap is not the same in Firefox and IE - I need to have vertical bars between the table cells; I currently have border on the whole table. When trying to put cell borders, they became double with the table border. Thanks for your help! Mitko On 10/18/05, Derek de Jong <[EMAIL PROTECTED]> wrote: > > > 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 <http://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://evolt.org> -- > http://www.evolt.org/help_support_evolt/ > -- Mitko Gerensky-Greene ______________________________________________________________________ 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/
