use YUI grid css style for partial page -
I have a menu bar in my page and I do not apply YUI style for this, there are three document sections below. Want to use YUI style I example code:
& lt ;? Includes php ("style.html"); ? & Gt; & Lt; Script src = "http://yui.yahooapis.com/3.9.0/build/yui/yui-min.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.9.0/build/grids/grids-min.css" & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css" & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div & gt; & Lt; H1 & gt; HEAD & lt; / H1> & Lt; / Div & gt; & Lt; Div id = top & gt; Top menu & lt; / Div & gt; // The heading style is defined in the HTML file & lt; Div class = "yui-gb" & gt; & Lt; Div class = "yui-u first" & gt; Body part & lt; / Div & gt; ..... The part I use UUI is fine but this affects the other DV parts too. How can I solve this? Thanks!
The grid should not affect other divs, but you are loading the reset-font -grid , The reset part of it will affect other devices. You are also loading 3.9.0 YUI but CSS from version 2.x (2.9.0) I suggest avoiding crossing that barrier until you Actually do not know why you want. There are grid css files for reset, fonts, and 3. 9.0 too. In the case of using Version 3.9.0, you can use the relevant reset class to disrupt the portion of that page that works against it. To do this, you want to load "cssreset-context / cssreset-context-min.css" and then you want to add the "yui3-cssreset" class to the container that you want to reset. It is documented here:
Comments
Post a Comment