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

Re: [ydn-javascript] YUI Layout Manager - Skinning the Layout

Expand Messages
  • Dav Glass
    tommy.bramble -- Something like this should do it: .yui-skin-sam .yui-layout .yui-layout-hd, .yui-skin-sam .yui-layout .yui-layout-ft, .yui-skin-sam
    Message 1 of 8 , Dec 1, 2008
    • 0 Attachment
      tommy.bramble --

      Something like this should do it:
      .yui-skin-sam .yui-layout .yui-layout-hd,
      .yui-skin-sam .yui-layout .yui-layout-ft,
      .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
         border: none;
      }

      Dav

      --
      Dav Glass
      davglass@...
      blog.davglass.com


      + 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  +


      On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble <tommy.bramble@...> wrote:

      I'm using the layout manager to create a paneled layout (header, left,
      right). All the element units are working great, but I have a gray
      border around each element. I've looked over the skinning information
      for awhile now and can't seem to get rid of the gray border. Can
      anyone help me out with this?

      Any help is greatly appreciated!


    • tommy.bramble
      Unfortunately that did not do it for me. I hadn t tried that exact combination, but I ve tried many others like it. I can t figure out what I ve done wrong.
      Message 2 of 8 , Dec 1, 2008
      • 0 Attachment
        Unfortunately that did not do it for me. I hadn't tried that exact
        combination, but I've tried many others like it. I can't figure out
        what I've done wrong. Here is the full code for the page:

        ***************START************************
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
        4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-
        1" />
        <title>Full Page Layout - Example</title>
        <style type="text/css">
        /*margin and padding on body element
        can introduce errors in determining
        element position and are not recommended;
        we turn them off as a foundation for YUI
        CSS treatments. */

        .yui-skin-sam .yui-layout .yui-layout-hd,
        .yui-skin-sam .yui-layout .yui-layout-ft,
        .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
        border: none;
        }

        .yui-layout-wrap
        {
        border:none;
        }

        body {
        margin:0;
        padding:0;
        }

        #left1, yui-layout-unit-left
        {

        }

        </style>
        <link rel="stylesheet" type="text/css"
        href="Javascript/yui/build/reset-fonts-grids/reset-fonts-grids.css" />
        <link rel="stylesheet" type="text/css"
        href="Javascript/yui/build/button/assets/skins/sam/button.css" />
        <link rel="stylesheet" type="text/css"
        href="Javascript/yui/build/assets/skins/sam/resize.css">
        <link rel="stylesheet" type="text/css"
        href="Javascript/yui/build/assets/skins/sam/layout.css">
        <script type="text/javascript" src="Javascript/yui/build/yahoo/yahoo-
        min.js"></script>
        <script type="text/javascript" src="Javascript/yui/build/event/event-
        min.js"></script>
        <script type="text/javascript" src="Javascript/yui/build/dom/dom-
        min.js"></script>
        <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
        event.js"></script>
        <script src="Javascript/yui/build/dragdrop/dragdrop-min.js"></script>
        <script src="Javascript/yui/build/element/element-beta-
        min.js"></script>
        <script src="Javascript/yui/build/animation/animation-
        min.js"></script>
        <script src="Javascript/yui/build/resize/resize-min.js"></script>
        <script src="Javascript/yui/build/layout/layout-min.js"></script>
        </head>

        <body class=" yui-skin-sam">
        <div id="top1"><p>Header Content</p></div>
        <div id="left1">
        <p>Left Content</p>
        </div>
        <div id="center1">
        <p>Left Content</p>
        </div>


        <script>

        (function() {
        var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event;

        Event.onDOMReady(function() {
        var layout = new YAHOO.widget.Layout({
        units: [
        { position: 'top', height: 50, body: 'top1' },
        { position: 'left', width: 200, resize: true,
        body: 'left1', scroll: true },
        { position: 'center', body: 'center1' }
        ]
        });
        layout.render();

        });


        })();
        </script>
        </body>
        </html>

        ****************END***************

        --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
        wrote:
        >
        > tommy.bramble --
        >
        > Something like this should do it:
        > .yui-skin-sam .yui-layout .yui-layout-hd,
        > .yui-skin-sam .yui-layout .yui-layout-ft,
        > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
        > border: none;
        > }
        >
        > Dav
        >
        > --
        > Dav Glass
        > davglass@...
        > blog.davglass.com
        >
        >
        > + 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 +
        >
        >
        > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
        <tommy.bramble@...>wrote:
        >
        > > I'm using the layout manager to create a paneled layout
        (header, left,
        > > right). All the element units are working great, but I have a gray
        > > border around each element. I've looked over the skinning
        information
        > > for awhile now and can't seem to get rid of the gray border. Can
        > > anyone help me out with this?
        > >
        > > Any help is greatly appreciated!
        > >
        > >
        > >
        >
      • Dav Glass
        Tommy -- Please post a link to a page so I can see it ;) Thanks Dav -- Dav Glass davglass@gmail.com blog.davglass.com + Windows: n. - The most successful
        Message 3 of 8 , Dec 1, 2008
        • 0 Attachment
          Tommy --

          Please post a link to a page so I can see it ;)

          Thanks
          Dav

          --
          Dav Glass
          davglass@...
          blog.davglass.com


          + 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  +


          On Mon, Dec 1, 2008 at 12:09 PM, tommy.bramble <tommy.bramble@...> wrote:

          Unfortunately that did not do it for me. I hadn't tried that exact
          combination, but I've tried many others like it. I can't figure out
          what I've done wrong. Here is the full code for the page:

          ***************START************************
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
          4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
          <html>
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-
          1" />
          <title>Full Page Layout - Example</title>
          <style type="text/css">
          /*margin and padding on body element
          can introduce errors in determining
          element position and are not recommended;
          we turn them off as a foundation for YUI
          CSS treatments. */



          .yui-skin-sam .yui-layout .yui-layout-hd,
          .yui-skin-sam .yui-layout .yui-layout-ft,
          .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
          border: none;
          }

          .yui-layout-wrap
          {
          border:none;
          }

          body {
          margin:0;
          padding:0;
          }

          #left1, yui-layout-unit-left
          {

          }

          </style>
          <link rel="stylesheet" type="text/css"
          href="Javascript/yui/build/reset-fonts-grids/reset-fonts-grids.css" />
          <link rel="stylesheet" type="text/css"
          href="Javascript/yui/build/button/assets/skins/sam/button.css" />
          <link rel="stylesheet" type="text/css"
          href="Javascript/yui/build/assets/skins/sam/resize.css">
          <link rel="stylesheet" type="text/css"
          href="Javascript/yui/build/assets/skins/sam/layout.css">
          <script type="text/javascript" src="Javascript/yui/build/yahoo/yahoo-
          min.js"></script>
          <script type="text/javascript" src="Javascript/yui/build/event/event-
          min.js"></script>
          <script type="text/javascript" src="Javascript/yui/build/dom/dom-
          min.js"></script>
          <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
          event.js"></script>
          <script src="Javascript/yui/build/dragdrop/dragdrop-min.js"></script>
          <script src="Javascript/yui/build/element/element-beta-
          min.js"></script>
          <script src="Javascript/yui/build/animation/animation-
          min.js"></script>
          <script src="Javascript/yui/build/resize/resize-min.js"></script>
          <script src="Javascript/yui/build/layout/layout-min.js"></script>
          </head>

          <body class=" yui-skin-sam">
          <div id="top1"><p>Header Content</p></div>
          <div id="left1">
          <p>Left Content</p>
          </div>
          <div id="center1">
          <p>Left Content</p>
          </div>

          <script>

          (function() {
          var Dom = YAHOO.util.Dom,
          Event = YAHOO.util.Event;

          Event.onDOMReady(function() {
          var layout = new YAHOO.widget.Layout({
          units: [
          { position: 'top', height: 50, body: 'top1' },
          { position: 'left', width: 200, resize: true,
          body: 'left1', scroll: true },
          { position: 'center', body: 'center1' }
          ]
          });
          layout.render();

          });

          })();
          </script>
          </body>
          </html>

          ****************END***************

          --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
          wrote:

          >
          > tommy.bramble --
          >
          > Something like this should do it:
          > .yui-skin-sam .yui-layout .yui-layout-hd,
          > .yui-skin-sam .yui-layout .yui-layout-ft,
          > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
          > border: none;
          > }
          >
          > Dav
          >
          > --
          > Dav Glass
          > davglass@...

          > blog.davglass.com
          >
          >
          > + 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 +
          >
          >
          > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
          <tommy.bramble@...>wrote:

          >
          > > I'm using the layout manager to create a paneled layout
          (header, left,
          > > right). All the element units are working great, but I have a gray
          > > border around each element. I've looked over the skinning
          information
          > > for awhile now and can't seem to get rid of the gray border. Can
          > > anyone help me out with this?
          > >
          > > Any help is greatly appreciated!
          > >
          > >
          > >
          >


        • tommy.bramble
          http://www.tbramble.com/images/yuiTest.html Thanks! ... exact ... out ... 8859- ... grids.css / ... src= Javascript/yui/build/yahoo/yahoo- ...
          Message 4 of 8 , Dec 1, 2008
          • 0 Attachment
            http://www.tbramble.com/images/yuiTest.html

            Thanks!



            --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
            wrote:
            >
            > Tommy --
            >
            > Please post a link to a page so I can see it ;)
            >
            > Thanks
            > Dav
            >
            > --
            > Dav Glass
            > davglass@...
            > blog.davglass.com
            >
            >
            > + 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 +
            >
            >
            > On Mon, Dec 1, 2008 at 12:09 PM, tommy.bramble
            <tommy.bramble@...>wrote:
            >
            > > Unfortunately that did not do it for me. I hadn't tried that
            exact
            > > combination, but I've tried many others like it. I can't figure
            out
            > > what I've done wrong. Here is the full code for the page:
            > >
            > > ***************START************************
            > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
            > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
            > > <html>
            > > <head>
            > > <meta http-equiv="Content-Type" content="text/html; charset=ISO-
            8859-
            > > 1" />
            > > <title>Full Page Layout - Example</title>
            > > <style type="text/css">
            > > /*margin and padding on body element
            > > can introduce errors in determining
            > > element position and are not recommended;
            > > we turn them off as a foundation for YUI
            > > CSS treatments. */
            > >
            > >
            > > .yui-skin-sam .yui-layout .yui-layout-hd,
            > > .yui-skin-sam .yui-layout .yui-layout-ft,
            > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
            > > border: none;
            > > }
            > >
            > > .yui-layout-wrap
            > > {
            > > border:none;
            > > }
            > >
            > > body {
            > > margin:0;
            > > padding:0;
            > > }
            > >
            > > #left1, yui-layout-unit-left
            > > {
            > >
            > > }
            > >
            > > </style>
            > > <link rel="stylesheet" type="text/css"
            > > href="Javascript/yui/build/reset-fonts-grids/reset-fonts-
            grids.css" />
            > > <link rel="stylesheet" type="text/css"
            > > href="Javascript/yui/build/button/assets/skins/sam/button.css" />
            > > <link rel="stylesheet" type="text/css"
            > > href="Javascript/yui/build/assets/skins/sam/resize.css">
            > > <link rel="stylesheet" type="text/css"
            > > href="Javascript/yui/build/assets/skins/sam/layout.css">
            > > <script type="text/javascript"
            src="Javascript/yui/build/yahoo/yahoo-
            > > min.js"></script>
            > > <script type="text/javascript"
            src="Javascript/yui/build/event/event-
            > > min.js"></script>
            > > <script type="text/javascript" src="Javascript/yui/build/dom/dom-
            > > min.js"></script>
            > > <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
            > > event.js"></script>
            > > <script src="Javascript/yui/build/dragdrop/dragdrop-
            min.js"></script>
            > > <script src="Javascript/yui/build/element/element-beta-
            > > min.js"></script>
            > > <script src="Javascript/yui/build/animation/animation-
            > > min.js"></script>
            > > <script src="Javascript/yui/build/resize/resize-min.js"></script>
            > > <script src="Javascript/yui/build/layout/layout-min.js"></script>
            > > </head>
            > >
            > > <body class=" yui-skin-sam">
            > > <div id="top1"><p>Header Content</p></div>
            > > <div id="left1">
            > > <p>Left Content</p>
            > > </div>
            > > <div id="center1">
            > > <p>Left Content</p>
            > > </div>
            > >
            > > <script>
            > >
            > > (function() {
            > > var Dom = YAHOO.util.Dom,
            > > Event = YAHOO.util.Event;
            > >
            > > Event.onDOMReady(function() {
            > > var layout = new YAHOO.widget.Layout({
            > > units: [
            > > { position: 'top', height: 50, body: 'top1' },
            > > { position: 'left', width: 200, resize: true,
            > > body: 'left1', scroll: true },
            > > { position: 'center', body: 'center1' }
            > > ]
            > > });
            > > layout.render();
            > >
            > > });
            > >
            > > })();
            > > </script>
            > > </body>
            > > </html>
            > >
            > > ****************END***************
            > >
            > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%
            40yahoogroups.com>,
            > > "Dav Glass" <davglass@>
            > > wrote:
            > > >
            > > > tommy.bramble --
            > > >
            > > > Something like this should do it:
            > > > .yui-skin-sam .yui-layout .yui-layout-hd,
            > > > .yui-skin-sam .yui-layout .yui-layout-ft,
            > > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
            > > > border: none;
            > > > }
            > > >
            > > > Dav
            > > >
            > > > --
            > > > Dav Glass
            > > > davglass@
            > > > blog.davglass.com
            > > >
            > > >
            > > > + 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 +
            > > >
            > > >
            > > > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
            > > <tommy.bramble@>wrote:
            > > >
            > > > > I'm using the layout manager to create a paneled layout
            > > (header, left,
            > > > > right). All the element units are working great, but I have a
            gray
            > > > > border around each element. I've looked over the skinning
            > > information
            > > > > for awhile now and can't seem to get rid of the gray border.
            Can
            > > > > anyone help me out with this?
            > > > >
            > > > > Any help is greatly appreciated!
            > > > >
            > > > >
            > > > >
            > > >
            > >
            > >
            > >
            >
          • tommy.bramble
            http://www.tbramble.com/images/yuiTest.html Thanks! ... exact ... out ... 8859- ... grids.css / ... src= Javascript/yui/build/yahoo/yahoo- ...
            Message 5 of 8 , Dec 1, 2008
            • 0 Attachment
              http://www.tbramble.com/images/yuiTest.html

              Thanks!



              --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
              wrote:
              >
              > Tommy --
              >
              > Please post a link to a page so I can see it ;)
              >
              > Thanks
              > Dav
              >
              > --
              > Dav Glass
              > davglass@...
              > blog.davglass.com
              >
              >
              > + 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 +
              >
              >
              > On Mon, Dec 1, 2008 at 12:09 PM, tommy.bramble
              <tommy.bramble@...>wrote:
              >
              > > Unfortunately that did not do it for me. I hadn't tried that
              exact
              > > combination, but I've tried many others like it. I can't figure
              out
              > > what I've done wrong. Here is the full code for the page:
              > >
              > > ***************START************************
              > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
              > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
              > > <html>
              > > <head>
              > > <meta http-equiv="Content-Type" content="text/html; charset=ISO-
              8859-
              > > 1" />
              > > <title>Full Page Layout - Example</title>
              > > <style type="text/css">
              > > /*margin and padding on body element
              > > can introduce errors in determining
              > > element position and are not recommended;
              > > we turn them off as a foundation for YUI
              > > CSS treatments. */
              > >
              > >
              > > .yui-skin-sam .yui-layout .yui-layout-hd,
              > > .yui-skin-sam .yui-layout .yui-layout-ft,
              > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
              > > border: none;
              > > }
              > >
              > > .yui-layout-wrap
              > > {
              > > border:none;
              > > }
              > >
              > > body {
              > > margin:0;
              > > padding:0;
              > > }
              > >
              > > #left1, yui-layout-unit-left
              > > {
              > >
              > > }
              > >
              > > </style>
              > > <link rel="stylesheet" type="text/css"
              > > href="Javascript/yui/build/reset-fonts-grids/reset-fonts-
              grids.css" />
              > > <link rel="stylesheet" type="text/css"
              > > href="Javascript/yui/build/button/assets/skins/sam/button.css" />
              > > <link rel="stylesheet" type="text/css"
              > > href="Javascript/yui/build/assets/skins/sam/resize.css">
              > > <link rel="stylesheet" type="text/css"
              > > href="Javascript/yui/build/assets/skins/sam/layout.css">
              > > <script type="text/javascript"
              src="Javascript/yui/build/yahoo/yahoo-
              > > min.js"></script>
              > > <script type="text/javascript"
              src="Javascript/yui/build/event/event-
              > > min.js"></script>
              > > <script type="text/javascript" src="Javascript/yui/build/dom/dom-
              > > min.js"></script>
              > > <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
              > > event.js"></script>
              > > <script src="Javascript/yui/build/dragdrop/dragdrop-
              min.js"></script>
              > > <script src="Javascript/yui/build/element/element-beta-
              > > min.js"></script>
              > > <script src="Javascript/yui/build/animation/animation-
              > > min.js"></script>
              > > <script src="Javascript/yui/build/resize/resize-min.js"></script>
              > > <script src="Javascript/yui/build/layout/layout-min.js"></script>
              > > </head>
              > >
              > > <body class=" yui-skin-sam">
              > > <div id="top1"><p>Header Content</p></div>
              > > <div id="left1">
              > > <p>Left Content</p>
              > > </div>
              > > <div id="center1">
              > > <p>Left Content</p>
              > > </div>
              > >
              > > <script>
              > >
              > > (function() {
              > > var Dom = YAHOO.util.Dom,
              > > Event = YAHOO.util.Event;
              > >
              > > Event.onDOMReady(function() {
              > > var layout = new YAHOO.widget.Layout({
              > > units: [
              > > { position: 'top', height: 50, body: 'top1' },
              > > { position: 'left', width: 200, resize: true,
              > > body: 'left1', scroll: true },
              > > { position: 'center', body: 'center1' }
              > > ]
              > > });
              > > layout.render();
              > >
              > > });
              > >
              > > })();
              > > </script>
              > > </body>
              > > </html>
              > >
              > > ****************END***************
              > >
              > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%
              40yahoogroups.com>,
              > > "Dav Glass" <davglass@>
              > > wrote:
              > > >
              > > > tommy.bramble --
              > > >
              > > > Something like this should do it:
              > > > .yui-skin-sam .yui-layout .yui-layout-hd,
              > > > .yui-skin-sam .yui-layout .yui-layout-ft,
              > > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
              > > > border: none;
              > > > }
              > > >
              > > > Dav
              > > >
              > > > --
              > > > Dav Glass
              > > > davglass@
              > > > blog.davglass.com
              > > >
              > > >
              > > > + 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 +
              > > >
              > > >
              > > > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
              > > <tommy.bramble@>wrote:
              > > >
              > > > > I'm using the layout manager to create a paneled layout
              > > (header, left,
              > > > > right). All the element units are working great, but I have a
              gray
              > > > > border around each element. I've looked over the skinning
              > > information
              > > > > for awhile now and can't seem to get rid of the gray border.
              Can
              > > > > anyone help me out with this?
              > > > >
              > > > > Any help is greatly appreciated!
              > > > >
              > > > >
              > > > >
              > > >
              > >
              > >
              > >
              >
            • Dav Glass
              Tommy -- Try this one: .yui-skin-sam .yui-layout .yui-layout-hd, .yui-skin-sam .yui-layout .yui-layout-ft, .yui-skin-sam .yui-layout .yui-layout-unit
              Message 6 of 8 , Dec 1, 2008
              • 0 Attachment
                Tommy --

                Try this one:

                .yui-skin-sam .yui-layout .yui-layout-hd,
                .yui-skin-sam .yui-layout .yui-layout-ft,
                .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd,
                .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft,
                .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
                     border: none;
                }

                Also make sure and put these lines "after" the include of the layout.css file. Since they are over-ride statements then need to be after the original.

                Dav

                --
                Dav Glass
                davglass@...
                blog.davglass.com


                + 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  +


                On Mon, Dec 1, 2008 at 2:01 PM, tommy.bramble <tommy.bramble@...> wrote:

                --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
                wrote:
                >
                > Tommy --
                >
                > Please post a link to a page so I can see it ;)
                >
                > Thanks
                > Dav
                >
                > --
                > Dav Glass
                > davglass@...

                > blog.davglass.com
                >
                >
                > + 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 +
                >
                >
                > On Mon, Dec 1, 2008 at 12:09 PM, tommy.bramble
                <tommy.bramble@...>wrote:

                >
                > > Unfortunately that did not do it for me. I hadn't tried that
                exact
                > > combination, but I've tried many others like it. I can't figure
                out
                > > what I've done wrong. Here is the full code for the page:
                > >
                > > ***************START************************
                > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
                > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                > > <html>
                > > <head>
                > > <meta http-equiv="Content-Type" content="text/html; charset=ISO-
                8859-
                > > 1" />
                > > <title>Full Page Layout - Example</title>
                > > <style type="text/css">
                > > /*margin and padding on body element
                > > can introduce errors in determining
                > > element position and are not recommended;
                > > we turn them off as a foundation for YUI
                > > CSS treatments. */
                > >
                > >
                > > .yui-skin-sam .yui-layout .yui-layout-hd,
                > > .yui-skin-sam .yui-layout .yui-layout-ft,
                > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
                > > border: none;
                > > }
                > >
                > > .yui-layout-wrap
                > > {
                > > border:none;
                > > }
                > >
                > > body {
                > > margin:0;
                > > padding:0;
                > > }
                > >
                > > #left1, yui-layout-unit-left
                > > {
                > >
                > > }
                > >
                > > </style>
                > > <link rel="stylesheet" type="text/css"
                > > href="Javascript/yui/build/reset-fonts-grids/reset-fonts-
                grids.css" />
                > > <link rel="stylesheet" type="text/css"
                > > href="Javascript/yui/build/button/assets/skins/sam/button.css" />
                > > <link rel="stylesheet" type="text/css"
                > > href="Javascript/yui/build/assets/skins/sam/resize.css">
                > > <link rel="stylesheet" type="text/css"
                > > href="Javascript/yui/build/assets/skins/sam/layout.css">
                > > <script type="text/javascript"
                src="Javascript/yui/build/yahoo/yahoo-
                > > min.js"></script>
                > > <script type="text/javascript"
                src="Javascript/yui/build/event/event-
                > > min.js"></script>
                > > <script type="text/javascript" src="Javascript/yui/build/dom/dom-
                > > min.js"></script>
                > > <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
                > > event.js"></script>
                > > <script src="Javascript/yui/build/dragdrop/dragdrop-
                min.js"></script>
                > > <script src="Javascript/yui/build/element/element-beta-
                > > min.js"></script>
                > > <script src="Javascript/yui/build/animation/animation-
                > > min.js"></script>
                > > <script src="Javascript/yui/build/resize/resize-min.js"></script>
                > > <script src="Javascript/yui/build/layout/layout-min.js"></script>
                > > </head>
                > >
                > > <body class=" yui-skin-sam">
                > > <div id="top1"><p>Header Content</p></div>
                > > <div id="left1">
                > > <p>Left Content</p>
                > > </div>
                > > <div id="center1">
                > > <p>Left Content</p>
                > > </div>
                > >
                > > <script>
                > >
                > > (function() {
                > > var Dom = YAHOO.util.Dom,
                > > Event = YAHOO.util.Event;
                > >
                > > Event.onDOMReady(function() {
                > > var layout = new YAHOO.widget.Layout({
                > > units: [
                > > { position: 'top', height: 50, body: 'top1' },
                > > { position: 'left', width: 200, resize: true,
                > > body: 'left1', scroll: true },
                > > { position: 'center', body: 'center1' }
                > > ]
                > > });
                > > layout.render();
                > >
                > > });
                > >
                > > })();
                > > </script>
                > > </body>
                > > </html>
                > >
                > > ****************END***************
                > >
                > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%
                40yahoogroups.com>,

                > > "Dav Glass" <davglass@>
                > > wrote:
                > > >
                > > > tommy.bramble --
                > > >
                > > > Something like this should do it:
                > > > .yui-skin-sam .yui-layout .yui-layout-hd,
                > > > .yui-skin-sam .yui-layout .yui-layout-ft,
                > > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
                > > > border: none;
                > > > }
                > > >
                > > > Dav
                > > >
                > > > --
                > > > Dav Glass
                > > > davglass@
                > > > blog.davglass.com
                > > >
                > > >
                > > > + 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 +
                > > >
                > > >
                > > > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
                > > <tommy.bramble@>wrote:
                > > >
                > > > > I'm using the layout manager to create a paneled layout
                > > (header, left,
                > > > > right). All the element units are working great, but I have a
                gray
                > > > > border around each element. I've looked over the skinning
                > > information
                > > > > for awhile now and can't seem to get rid of the gray border.
                Can
                > > > > anyone help me out with this?
                > > > >
                > > > > Any help is greatly appreciated!
                > > > >
                > > > >
                > > > >
                > > >
                > >
                > >
                > >
                >


              • tommy.bramble
                Dav, Thanks so much! In fact, the last solution you provided would ve worked if I had put it under the references to the layout skins. Rookie mistakes I m
                Message 7 of 8 , Dec 2, 2008
                • 0 Attachment
                  Dav,

                  Thanks so much! In fact, the last solution you provided would've
                  worked if I had put it under the references to the layout skins.
                  Rookie mistakes I'm making!

                  Thanks again!

                  -Tommy

                  --- In ydn-javascript@yahoogroups.com, "Dav Glass" <davglass@...>
                  wrote:
                  >
                  > Tommy --
                  >
                  > Try this one:
                  >
                  > .yui-skin-sam .yui-layout .yui-layout-hd,
                  > .yui-skin-sam .yui-layout .yui-layout-ft,
                  > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd,
                  > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft,
                  > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
                  > border: none;
                  > }
                  >
                  > Also make sure and put these lines "after" the include of the
                  layout.css
                  > file. Since they are over-ride statements then need to be after the
                  > original.
                  >
                  > Dav
                  >
                  > --
                  > Dav Glass
                  > davglass@...
                  > blog.davglass.com
                  >
                  >
                  > + 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 +
                  >
                  >
                  > On Mon, Dec 1, 2008 at 2:01 PM, tommy.bramble
                  <tommy.bramble@...>wrote:
                  >
                  > > http://www.tbramble.com/images/yuiTest.html
                  > >
                  > > Thanks!
                  > >
                  > > --- In ydn-javascript@yahoogroups.com <ydn-javascript%
                  40yahoogroups.com>,
                  > > "Dav Glass" <davglass@>
                  > > wrote:
                  > > >
                  > > > Tommy --
                  > > >
                  > > > Please post a link to a page so I can see it ;)
                  > > >
                  > > > Thanks
                  > > > Dav
                  > > >
                  > > > --
                  > > > Dav Glass
                  > > > davglass@
                  > > > blog.davglass.com
                  > > >
                  > > >
                  > > > + 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 +
                  > > >
                  > > >
                  > > > On Mon, Dec 1, 2008 at 12:09 PM, tommy.bramble
                  > > <tommy.bramble@>wrote:
                  > >
                  > > >
                  > > > > Unfortunately that did not do it for me. I hadn't tried that
                  > > exact
                  > > > > combination, but I've tried many others like it. I can't
                  figure
                  > > out
                  > > > > what I've done wrong. Here is the full code for the page:
                  > > > >
                  > > > > ***************START************************
                  > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
                  > > > > 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
                  > > > > <html>
                  > > > > <head>
                  > > > > <meta http-equiv="Content-Type" content="text/html;
                  charset=ISO-
                  > > 8859-
                  > > > > 1" />
                  > > > > <title>Full Page Layout - Example</title>
                  > > > > <style type="text/css">
                  > > > > /*margin and padding on body element
                  > > > > can introduce errors in determining
                  > > > > element position and are not recommended;
                  > > > > we turn them off as a foundation for YUI
                  > > > > CSS treatments. */
                  > > > >
                  > > > >
                  > > > > .yui-skin-sam .yui-layout .yui-layout-hd,
                  > > > > .yui-skin-sam .yui-layout .yui-layout-ft,
                  > > > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
                  > > > > border: none;
                  > > > > }
                  > > > >
                  > > > > .yui-layout-wrap
                  > > > > {
                  > > > > border:none;
                  > > > > }
                  > > > >
                  > > > > body {
                  > > > > margin:0;
                  > > > > padding:0;
                  > > > > }
                  > > > >
                  > > > > #left1, yui-layout-unit-left
                  > > > > {
                  > > > >
                  > > > > }
                  > > > >
                  > > > > </style>
                  > > > > <link rel="stylesheet" type="text/css"
                  > > > > href="Javascript/yui/build/reset-fonts-grids/reset-fonts-
                  > > grids.css" />
                  > > > > <link rel="stylesheet" type="text/css"
                  > > > >
                  href="Javascript/yui/build/button/assets/skins/sam/button.css" />
                  > > > > <link rel="stylesheet" type="text/css"
                  > > > > href="Javascript/yui/build/assets/skins/sam/resize.css">
                  > > > > <link rel="stylesheet" type="text/css"
                  > > > > href="Javascript/yui/build/assets/skins/sam/layout.css">
                  > > > > <script type="text/javascript"
                  > > src="Javascript/yui/build/yahoo/yahoo-
                  > > > > min.js"></script>
                  > > > > <script type="text/javascript"
                  > > src="Javascript/yui/build/event/event-
                  > > > > min.js"></script>
                  > > > > <script type="text/javascript"
                  src="Javascript/yui/build/dom/dom-
                  > > > > min.js"></script>
                  > > > > <script src="Javascript/yui/build/yahoo-dom-event/yahoo-dom-
                  > > > > event.js"></script>
                  > > > > <script src="Javascript/yui/build/dragdrop/dragdrop-
                  > > min.js"></script>
                  > > > > <script src="Javascript/yui/build/element/element-beta-
                  > > > > min.js"></script>
                  > > > > <script src="Javascript/yui/build/animation/animation-
                  > > > > min.js"></script>
                  > > > > <script src="Javascript/yui/build/resize/resize-
                  min.js"></script>
                  > > > > <script src="Javascript/yui/build/layout/layout-
                  min.js"></script>
                  > > > > </head>
                  > > > >
                  > > > > <body class=" yui-skin-sam">
                  > > > > <div id="top1"><p>Header Content</p></div>
                  > > > > <div id="left1">
                  > > > > <p>Left Content</p>
                  > > > > </div>
                  > > > > <div id="center1">
                  > > > > <p>Left Content</p>
                  > > > > </div>
                  > > > >
                  > > > > <script>
                  > > > >
                  > > > > (function() {
                  > > > > var Dom = YAHOO.util.Dom,
                  > > > > Event = YAHOO.util.Event;
                  > > > >
                  > > > > Event.onDOMReady(function() {
                  > > > > var layout = new YAHOO.widget.Layout({
                  > > > > units: [
                  > > > > { position: 'top', height: 50, body: 'top1' },
                  > > > > { position: 'left', width: 200, resize: true,
                  > > > > body: 'left1', scroll: true },
                  > > > > { position: 'center', body: 'center1' }
                  > > > > ]
                  > > > > });
                  > > > > layout.render();
                  > > > >
                  > > > > });
                  > > > >
                  > > > > })();
                  > > > > </script>
                  > > > > </body>
                  > > > > </html>
                  > > > >
                  > > > > ****************END***************
                  > > > >
                  > > > > --- In ydn-javascript@yahoogroups.com<ydn-javascript%
                  40yahoogroups.com><ydn-javascript%
                  > > 40yahoogroups.com>,
                  > >
                  > > > > "Dav Glass" <davglass@>
                  > > > > wrote:
                  > > > > >
                  > > > > > tommy.bramble --
                  > > > > >
                  > > > > > Something like this should do it:
                  > > > > > .yui-skin-sam .yui-layout .yui-layout-hd,
                  > > > > > .yui-skin-sam .yui-layout .yui-layout-ft,
                  > > > > > .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-
                  bd {
                  > > > > > border: none;
                  > > > > > }
                  > > > > >
                  > > > > > Dav
                  > > > > >
                  > > > > > --
                  > > > > > Dav Glass
                  > > > > > davglass@
                  > > > > > blog.davglass.com
                  > > > > >
                  > > > > >
                  > > > > > + 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 +
                  > > > > >
                  > > > > >
                  > > > > > On Mon, Dec 1, 2008 at 9:37 AM, tommy.bramble
                  > > > > <tommy.bramble@>wrote:
                  > > > > >
                  > > > > > > I'm using the layout manager to create a paneled layout
                  > > > > (header, left,
                  > > > > > > right). All the element units are working great, but I
                  have a
                  > > gray
                  > > > > > > border around each element. I've looked over the skinning
                  > > > > information
                  > > > > > > for awhile now and can't seem to get rid of the gray
                  border.
                  > > Can
                  > > > > > > anyone help me out with this?
                  > > > > > >
                  > > > > > > Any help is greatly appreciated!
                  > > > > > >
                  > > > > > >
                  > > > > > >
                  > > > > >
                  > > > >
                  > > > >
                  > > > >
                  > > >
                  > >
                  > >
                  > >
                  >
                Your message has been successfully submitted and would be delivered to recipients shortly.