Hi everyone! I'm working on a project for a large newspaper software company, and we host more than 1500 different papers.
The project consists of replacing our current Stock Ticker widget with a new dynamic one. The previous widget was essentially just an image, but this new one has some dynamic elements, CSS, DIVs, etc. The widget is pulled onto the site via a Javascript source line. The problem that I'm having is that, now that the widget contains HTML elements rather than just images, that HTML can now be affected by the individual CSS of each of our hosted sites. In other words, the global settings on a CSS file (which I can't control because those are created by the individual papers) may change elements (such as input, font sizes, etc.) in my widget. Is there any change I can make to the widget so that it can NOT be touched by global CSS? My thoughts so far: - I could include it in an iFrame. - It has it's own in-line CSS. Perhaps I could make sure that EVERY element is specified? Is that possible to anticipate? - Is there any way I could wrap something around it to make it un-targetable by global CSS? Here is a test page with the widget implemented, and with the CSS affected: http://townnews365.com The widget is the stock ticker in the lower right rail of the page. Thanks in advance for any CSS advice you have! =) Christine ______________________________________________________________________ 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/
