Re: [css-d] Global CSS conflicts
Hi Christine, Could you not create a separate stylesheet for the ticker if you don't have access to the main stylesheet, and specify the elements you want to style differently there? Or, not ideal, place those styles in the head of the page? eg. #yourticker .someclass { } Ben On Nov 7, 2007 3:24 PM, Christine Masters [EMAIL PROTECTED] wrote: 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/ __ 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/
Re: [css-d] Two Columns layout
Ibrahim, Background images hold the key to one possible solution: http://www.alistapart.com/articles/fauxcolumns/ Ben On 10/8/07, Ibrahim Y [EMAIL PROTECTED] wrote: Hello everybody, I have a CSS site, #leftDiv and #rightDiv #leftDiv contains the menu and a flash banner, the #rightDiv contains the data. I want to color the #leftDiv to be at the same height with the #rightDiv , I colored it using bgcolor but it apply it to the end of the content and I can't apply a fixed height for #leftDiv because the #rightDiv data's changed according to each page. I thought to use table tag, but I don't feel it's the most suitable for me ... I kept is as last resort . Thanks in advanced, Ibrahim __ 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/ -- Ben Clarke www.benclarke.biz http://benclarke.biz/blog/ __ 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/
Re: [css-d] Query
Exactly, Phillipe is correct: background: transparent url(images/kraken-head-logo.jpg) no-repeat top; or: background-color: transparent; background-image: url(images/kraken-head-logo.jpg); background-repeat: no-repeat; background-position: top; Ben On 10/5/07, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Oct 5, 2007, at 10:44 PM, Ian Piper wrote: What is wrong with that syntax? I thought it looked OK: http://www.w3.org/TR/CSS21/colors.html#propdef-background-image Yours is missing a trailing ; BTW. :-) The original in http://release.the-kraken.com/common/kraken.css has background-image: --^ but adds all the background values (-position, -image, -color, - repeat) (aka shorthand for the 'background' property). And no, I don't need to add the ';' (except if you need to add additional property/value pairs in the ruleblock). Philippe --- Philippe Wittenbergh http://emps.l-c-n.com __ 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/ -- Ben Clarke www.benclarke.biz http://benclarke.biz/blog/ __ 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/