Loading ...
Sorry, an error occurred while loading the content.

Re: Color and Other CSS Attributes Using reset-fonts-grids.css

Expand Messages
  • Jeff O'Connor
    Thank you, Dav! [=D ] I will try that. I hope it works as a linked style sheet file. As soon as I have something worth looking at online, I ll share. Given
    Message 1 of 3 , Dec 11, 2006
    • 0 Attachment
      Thank you, Dav!  =D>

      I will try that.  I hope it works as a linked style sheet file.  As soon as I have something worth looking at online, I'll share. 

      Given my amazingly shallow design skills, that could take a while...  ;)

      --- In ydn-javascript@yahoogroups.com, dav.glass@... wrote:
      >
      > Jeff --
      >
      > I wouldn't recommend changing the css for the grids themselves. The grids are "very" strict on the layout, so even adding a border to them will cause them to fail.
      > I would recommend doing something like this:
      >
      > <div class="yui-u">
      >
      > <div class="u-content">
      >
      > </div>
      >
      > </div>
      > <div class="yui-u">
      >
      > <div class="u-base">
      >
      > </div>
      >
      > </div>
      >
      > Then in the CSS:
      >
      >
      > .yui-u .u-content {
      >
      > background-color: orange;
      >
      > border: 1px solid #000;
      >
      > /* Other Styles Here */
      >
      > }
      >
      >
      > .yui-u .u-base {
      >
      > background-color: red;
      >
      > border: 1px solid #ccc;
      >
      > /* Other Styles Here */
      >
      > }
      >
      > Hope that helps..
      >
      >
      > Dav Glass
      > dav.glass@...
      > davglass.com
      > 618.694.3476
      >
      > + Windows: n. - The most successful computer virus, ever. +
      > + A computer without a Microsoft operating system is like a dog
      > without bricks tied to its head +
      > + A Microsoft Certified Systems Engineer is to computing what a
      > McDonalds Certified Food Specialist is to fine cuisine +
      >
      > ----- Original Message ----
      > From: Jeff O'Connor jtoc72@...
      > To: ydn-javascript@yahoogroups.com
      > Sent: Monday, December 11, 2006 9:03:07 AM
      > Subject: [ydn-javascript] Color and Other CSS Attributes Using reset-fonts-grids.css
      >
      >
      >
      >
      > I am new to the Y!UIL, so I hope that this question is appropriate here and not better asked somewhere else.
      >
      > I am using reset-fonts-grids.css to create a page that has a header and footer sandwiching a right-hand primary navigation area and a container grid for content that consists of two rows, the top having three columns and the bottom row - the main content area - being a single "fat cell" or column.
      >
      > <KUDOS TO Y!UIL TEAM>The layout is terrific and I've been able to create extremely complex tabular layouts very quickly...</KUDOS TO Y!UIL TEAM>
      >
      > but when I try to append CSS attributes to the grid elements I get broken layouts and hit-or-miss presentation. I am sure that the CSS is valid (as I try to learn the Y!UIL I am only attempting very simple things), so I assume that the fault lies with my trying to change things I shouldn't within that particular style sheet.
      >
      > If I wanted to create a solid border for the yui-u class and color the whole DIV orange, for example, where should I be adding those attributes within the reset-fonts-grids.css file?
      >
    Your message has been successfully submitted and would be delivered to recipients shortly.