• Skip to primary navigation
  • Skip to main content
  • Skip to footer
Sproutee Inc

Sproutee Inc

Websites, Ecommerce, SEO G Suite

  • Portfolio
  • Pricing
  • Contact

Dav Glass to the rescue or the curious case of the hidden border-right

You are here: Home / Web Design & Development / Dav Glass to the rescue or the curious case of the hidden border-right

The YUI Grids and LayoutManager issue described in a previous post has been fully resolved with the kind assistance of Dav Glass, LayoutManager developer and Twitter buddy. Thanks brother!

As suspected, the issue was rooted in my noob-i-licious implementation rather than in the YUI tools themselves. Early-stage work-arounds came back to haunt me, and Dav kindly made the necessary adjustments to my code. There were two main flaws with my implementation: 1)manually added wrapper divs and classes (these are applied automagically onload); 2) missing override to YUI class. So, the mark-up ends up as:

div id="custom-doc" class="yui-layout"
div id="hd" class="myHd"
div id="bd"
div id="yui-main"
div class="yui-b"
div class="yui-gc"
div class="yui-u first"Lorem ipsum dolor lacus feugiat.
div class="yui-u"Lorem ipsum dolor sit amet, acus feugiat.
div id="ft"

How tidy, clean and sexy is that?! Marvellous. Now, just to add a bit of CSS to customise the YUI resources to my app’s look and feel:

.yui-layout-unit-center .yui-layout-wrap {background-color: #ffffff; border: 3px solid yellow;}

Score! Is great to get the code tighter and, of course, behaving as expected. Feeling evermore pumped for London Twestival this evening, as once again, in spite of what the nay-sayers and sceptics may say about social networking on the inter-web, the gloriousness of the enlightened telecomms age we live in has saved my proverbial bacon.

  • Share
  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Reddit (Opens in new window)

12/02/2009 by Meg Smitley in Web Design & Development

Website Packages

Put your best foot forward.

Attract more leads with a professional website

Get started

Footer

Links

  • Home
  • About
  • Blog

Services

  • Free website audit
  • Web design & websites
  • Ecommerce websites

 

  • Marketing & SEO
  • G Suite
  • Hosting
  • Facebook
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube
Copyright © 2023 Sproutee Inc · Privacy policy · Terms & conditions · Sitemap
This site tracks visits anonymously using cookies. We use this information to improve your experience of our site. You can opt-out if you choose.Accept Reject Read More
Privacy Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT