Developing a CSS strategy:: Nov 10, 2004 Most Web builders start working with CSS the same way: They create and edit styles as needed to format whatever portion of the Web page http://articles.techrepublic.com.com/5100-10878_11-5437796.htmlHOME | I want to add some Ext goodness to a page that somebody else wrote. The page uses javascript menus that present a nice drop down when you roll over them.
I want to use Ext to display a popup modal dialog from this page. I know how to do all the ext aspects of this, no problem.
The glitch is that when I pull in the ext-2.0/resources/css/ext-all.css, some styles are apparently getting overwritten, and the menus don't work anymore, and other things are off. 7 Principles Of Clean And Optimized CSS Code | CSS | Smashing Magazine:: As I say on the reset page, those styles aren’t supposed to be left alone by .. (without me having to view each page of the site using this extension). http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/HOME | CodeMonkey Dreamweaver 4 Template:: A CSS Style is a text file with the extension .css - it is attached to a web any existing page content until you actually apply the style to something. http://ftp://ftp.dotsrc.org/projects/codemonkey/www/htdocs/training/web/html/cssstyles.htmlHOME |
I ran into this while trying to integrate Ext into another existing site as well.
So-
(1) is it the case that if you are using Ext, you pretty much must use it for everything (i.e. do the menus in ext)? I have had limited success by not including ext-all.css, and just pulling in the specific css files I need. Alas, when I pull in dialog.css, the menus fail.
(2) what is a systematic way to isolate the conflicting styles? I turned on "Show CSS Errors" in Firebug, but no help. Rather than nail down the current problem, I'm looking for a process to find such problems. name=Cascading Style Sheets ext=.css reserved=a:hover,a:link,a :: File Format: Unrecognized - View as HTMLname=Cascading Style Sheets. ext=.css. reserved=a:hover,a:link,a:visited - right,padding-top,page,page-break-after,page-break-before,page-break-inside http://www.boxersoftware.com/css.shlHOME | CSS Tutorial - Introduction to CSS:: CSS is the acronym for: ‘Cascading Style Sheets’. CSS is an extension to basic HTML You don’t add these tags in the CSS page itself as you would if you http://www.csstutorial.net/introductionCSS.phpHOME |
Thanks!
if you put ext-all.css first, your existing css should override anything that EXT is doing.
Also, poorly written CSS that globally assigns stuff is not considered good practice, which is what people do and you have - what i call - CSS collisions.
The best way to research the issue(s) is to inspect the elements w/ firebug and determine what's being overwritten by what.
I Am a Sinner – What About You?
Global Sourcing and Supplier Online by Dylan
|