pkr The change is controlled by JavaScript - specifically, prototype.js
Take a look in http://www.abum.com/td/js/init.js?1175517889 from what I can tell, the text change seems to be controlled by the tabSelector function. pkr wrote: > Hey all, > > Thanks for the great responses so far. I've tried Paulo's advice by > adding his bit of code on the #recommended div but to no avail. It > worked somewhat, but it displayed the descriptions as more of a > tooltip rather than directly under the row of thumbnails in the area > that I'd prefer it to be. Also, since IE doesn't render a:hover > correctly, it doesn't work in that aspect. > > A website that does this how I'd like is www.abum.com (Semi NWS) > > I tried to replicate it by looking at that code, but can't seem to get > it right. Now quite sure what they are doing differently. If anyone > can figure it out from there, I'd really appreciate it. I feel like > I'm so close... > > Also, Mou, I'd added you to our mailing list and we will alert you > when we have a beta version up and running. I've got my backend coder > working day and night on it so I'll definitely keep you in touch. > > Thanks for the help so far! > > On Sep 29, 11:49 am, mou <[EMAIL PROTECTED]> wrote: > >> "But i don't think your suggestion would work anyway. As far as i know, >> Hover events can be applied only to the hovered or nested elements." >> >> lol you're completely right. I'm not sure what I was thinking - I've >> been working with JS a bit too much recently. >> >> I agree that a CSS approach is always the first choice, although I don't >> think validation is a factor - including a .js file, as far as I know, >> will not fail you on any (x)html or css validation. >> >> If the site is launching without a single line of JS in sight, then I >> admit that it is a factor. But if not, then using an onmouseover >> instead of a :hover isn't really a major issue. And besides, you can >> use JS to ensure that a lack of JS isn't an issue - get your >> non-javascript enabled browser fallback code in place, then hide it with >> a document.getElementById("whatever").style.display = "none"; - so if >> JS is off, the code is displayed. I'd rather have my site looking >> perfect for 99% of people than looking less than perfect for everyone >> because of a few paranoid visitors. >> >> I haven't had a chance to look at that tutorial you mentioned earlier on >> your site - sounds interesting, I'll jump on now and take a look ;) >> >> P.S. pkr - any chance of a beta invite to your site? :) >> >> Paulo Diovani wrote: >> >>>> Did the original poster state he wasn't able to use JavaScript at all? >>>> If not, then perhaps a minimalist JS approach - something like the >>>> superfish or suckerfish script, to essentially fake the :hover pseudo on >>>> elements other than <a> tags. >>>> >>> I agree that the use os Js may easier the job, in addcition, if a Js >>> Framework get use it should work fine on every browser. >>> But sometimes it's just better to do the job with just CSS (to keep >>> the page lighter, to make it compatible with non-js capable browsers, >>> to make it w3c xompliant, etc). >>> >>>> Ah-ha, yeah I missed the fact it relied on the <a>'s. Although the >>>> suggestion would work - it just wouldn't work in IE6. >>>> >>> But i don't think your suggestion would work anyway. As far as i know, >>> Hover events can be applied only to the hovered or nested elements. >>> > > > --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [EMAIL PROTECTED] -~----------~----~----~----~------~----~------~--~---
