0 false 2009-07-17T03:22:39-07:00 63086 12 position-the-footer-at-the-bottom 126584 26663 new absolute bottom foot position 2009-07-17T03:22:44-07:00 63086 marco marco http://stubbornella.lighthouseapp.com/projects/26663/tickets/12 Hi, I would like to thank you for this great project and to illuminate me in this. I would like to suggest the follow amendment to the foot class so it can stay always on the bottom. .foot{ clear:both; position:absolute; bottom:0; height:100px; } Ciao Hi, I would like to thank you for this great project and to illuminate me in this. I would like to suggest the follow amendment to the foot class so it can stay always on the bottom. .foot{ clear:both; position:absolute; bottom:0; height:100px; } Ciao <div><p>Hi,</p> <p>I would like to thank you for this great project and to illuminate me in this.</p> <p>I would like to suggest the follow amendment to the foot class so it can stay always on the bottom.</p> <p>.foot{</p> <pre> <code>clear:both; position:absolute; bottom:0; height:100px; </code> </pre> <p>}</p> <p>Ciao</p></div> 0 false 2009-05-12T08:12:29-07:00 25734 10 replace-b-with-a-more-specific-selector 106221 26663 new css mods 2009-05-19T13:18:19-07:00 25734 cfenzo cfenzo http://stubbornella.lighthouseapp.com/projects/26663/tickets/10 Since the single selector "b" is used for selecting the extra rounded corners markup, all use of the <b> tag in it's original use fails miserably unless the css is overwritten for certain areas. While the inability to use <b> in other contexts certainly isn't a problem for most front-end developers, we aren't the only ones writing content for the sites we develop (quite often we don't even touch the content). The content could (and proberably will) be generated by a variety of sources: directly from users, developers, management, through a CMS or news aggregator. Thus resulting in malformed (non-visible) content whenever a <b> is present. So, my suggested solution is to add a few bytes and avoid obvious content-problems, like so: @@@ css .top, .bottom, .tl, .tr, .bl, .br {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;} @@@ Yes, it will make the selectors for the module skins a bit longer, but that's a small price to pay for the added unobtrusivity (is that even a word?) :) Nice OOCSS aproach, btw :) Cheers! Since the single selector "b" is used for selecting the extra rounded corners markup, all use of the <b> tag in it's original use fails miserably unless the css is overwritten for certain areas. While the inability to use <b> in other contexts certainly isn't a problem for most front-end developers, we aren't the only ones writing content for the sites we develop (quite often we don't even touch the content). The content could (and proberably will) be generated by a variety of sources: directly from users, developers, management, through a CMS or news aggregator. Thus resulting in malformed (non-visible) content whenever a <b> is present. So, my suggested solution is to add a few bytes and avoid obvious content-problems, like so: @@@ css .top, .bottom, .tl, .tr, .bl, .br {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;} @@@ Yes, it will make the selectors for the module skins a bit longer, but that's a small price to pay for the added unobtrusivity (is that even a word?) :) Nice OOCSS aproach, btw :) Cheers! <div><p>Since the single selector "b" is used for selecting the extra rounded corners markup, all use of the tag in it's original use fails miserably unless the css is overwritten for certain areas.</p> <p>While the inability to use in other contexts certainly isn't a problem for most front-end developers, we aren't the only ones writing content for the sites we develop (quite often we don't even touch the content). The content could (and proberably will) be generated by a variety of sources: directly from users, developers, management, through a CMS or news aggregator. Thus resulting in malformed (non-visible) content whenever a is present.</p> <p>So, my suggested solution is to add a few bytes and avoid obvious content-problems, like so:</p> <pre><code class="css"> .top, .bottom, .tl, .tr, .bl, .br {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;} </code></pre> <p>Yes, it will make the selectors for the module skins a bit longer, but that's a small price to pay for the added unobtrusivity (is that even a word?) :)</p> <p>Nice OOCSS aproach, btw :) Cheers!</p></div> 0 false 2009-05-13T00:41:00-07:00 25734 11 use-position-absolute-on-tl-and-tr 106433 26663 new css mods 2009-05-15T00:24:25-07:00 25734 cfenzo cfenzo http://stubbornella.lighthouseapp.com/projects/26663/tickets/11 Case: With the current float based solution, any content (text, image) in .inner/.bd/.hd will gain a right/left indent from the floated .tl and .tr. This will limit the flexibility of the module content in such way that the space (padding) between the border and the content can never be smaller than the width of .tl and .tr. The problem seems to be non-existent for .bl and .br. Solution: Adding position absolute and top/right/left values for .tl and .tr will prevent this, while still working as expected (as far as I can confirm, testing in IE (6,7,8), Opera (9.6), Firefox (3.0.1), and Safari (4.0 beta win)). Case: With the current float based solution, any content (text, image) in .inner/.bd/.hd will gain a right/left indent from the floated .tl and .tr. This will limit the flexibility of the module content in such way that the space (padding) between the border and the content can never be smaller than the width of .tl and .tr. The problem seems to be non-existent for .bl and .br. Solution: Adding position absolute and top/right/left values for .tl and .tr will prevent this, while still working as expected (as far as I can confirm, testing in IE (6,7,8), Opera (9.6), Firefox (3.0.1), and Safari (4.0 beta win)). <div><p>Case: With the current float based solution, any content (text, image) in .inner/.bd/.hd will gain a right/left indent from the floated .tl and .tr. This will limit the flexibility of the module content in such way that the space (padding) between the border and the content can never be smaller than the width of .tl and .tr.</p> <p>The problem seems to be non-existent for .bl and .br.</p> <p>Solution: Adding position absolute and top/right/left values for .tl and .tr will prevent this, while still working as expected (as far as I can confirm, testing in IE (6,7,8), Opera (9.6), Firefox (3.0.1), and Safari (4.0 beta win)).</p></div> 49551 0 true 2009-03-07T00:37:11-08:00 49551 2009-03-13T00:00:00-07:00 33395 2 ag-block-adapt-code-to-oo-style 1 26663 resolved 2009-04-26T10:16:33-07:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/2 Modules released Basic transparent inside block adapted to OO style, ready for release. Basic transparent inside block adapted to OO style, ready for release. <div><p>Basic transparent inside block adapted to OO style, ready for release.</p></div> 49551 0 true 2009-03-07T00:38:25-08:00 49551 2009-03-13T00:00:00-07:00 33395 3 mojo-block-adapted-to-oo-style 2 26663 resolved 2009-04-26T10:15:38-07:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/3 Modules released adapt and release Leslie Sommers Mojo block in OO code style. http://www.lesliesommer.com/wdw07/html/ adapt and release Leslie Sommers Mojo block in OO code style. http://www.lesliesommer.com/wdw07/html/ <div><p>adapt and release Leslie Sommers Mojo block in OO code style.</p> <p><a href="http://www.lesliesommer.com/wdw07/html/">http://www.lesliesommer.com/wdw0...</a></p></div> 49551 0 true 2009-03-07T00:45:16-08:00 49551 2009-03-13T00:00:00-07:00 33395 5 docs-for-standard-module-format 3 26663 resolved docs 2009-04-26T10:14:23-07:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/5 Modules released mod (extensions here) inner (no other classes here) hd (0-1) bd (1) ft (0-1) Consider YUI take on it. http://developer.yahoo.com/yui/examples/container/module.html mod (extensions here) inner (no other classes here) hd (0-1) bd (1) ft (0-1) Consider YUI take on it. http://developer.yahoo.com/yui/examples/container/module.html <div><p>mod (extensions here) inner (no other classes here)</p> <pre> <code>hd (0-1) bd (1) ft (0-1) </code> </pre> <p>Consider YUI take on it. <a href="http://developer.yahoo.com/yui/examples/container/module.html">http://developer.yahoo.com/yui/e...</a></p></div> 0 false 2009-04-12T00:18:42-07:00 49551 9 fixed-width-units-incorrect-size-lastunit-off-screen 99120 26663 new css grids 2009-04-12T00:18:46-07:00 49551 nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/9 I try this <div class="line"> <div class="unit fixed yahoo">image or flash</div> <div class="unit lastUnit">Text and other objects</div> </div> But I don't get the correct width for the first div instead if I use a class like .size345px{width:345px;} I get the correct width. > <div class="line"> > <div class="unit fixed fixedExt">image or flash</div> > <div class="unit lastUnit">Text and other objects</div> > </div> With this code in IE6 I see the text inside lastUnit that has a margin- left:-3px and so it exit from screen. I try this <div class="line"> <div class="unit fixed yahoo">image or flash</div> <div class="unit lastUnit">Text and other objects</div> </div> But I don't get the correct width for the first div instead if I use a class like .size345px{width:345px;} I get the correct width. > <div class="line"> > <div class="unit fixed fixedExt">image or flash</div> > <div class="unit lastUnit">Text and other objects</div> > </div> With this code in IE6 I see the text inside lastUnit that has a margin- left:-3px and so it exit from screen. <div><p>I try this</p> <p>image or flash Text and other objects</p> <p>But I don't get the correct width for the first div instead if I use a class like .size345px{width:345px;} I get the correct width.</p> <blockquote> <p>image or flash Text and other objects</p> </blockquote> <p>With this code in IE6 I see the text inside lastUnit that has a margin- left:-3px and so it exit from screen.</p></div> 0 true 2009-03-11T23:42:30-07:00 49551 8 add-a-960px-width-template 90553 26663 resolved 2009-04-12T00:16:16-07:00 49551 nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/8 Suggestion from http://github.com/rlopes divisible by 2,3,4, and 5 after he read about http://960.gs Suggestion from http://github.com/rlopes divisible by 2,3,4, and 5 after he read about http://960.gs <div><p>Suggestion from <a href="http://github.com/rlopes">http://github.com/rlopes</a> divisible by 2,3,4, and 5 after he read about <a href="http://960.gs">http://960.gs</a></p></div> 49551 0 false 2009-03-07T00:49:53-08:00 49551 7 js-to-height-align-modules 3 26663 new js 2009-03-07T00:49:57-08:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/7 Script which measures the difference in height between units in the same line and splits the difference across the modules in the smaller unit to align height. Script which measures the difference in height between units in the same line and splits the difference across the modules in the smaller unit to align height. <div><p>Script which measures the difference in height between units in the same line and splits the difference across the modules in the smaller unit to align height.</p></div> 49551 0 false 2009-03-07T00:47:51-08:00 49551 6 script-to-insert-presentational-elems 2 26663 new js 2009-03-07T00:47:52-08:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/6 JavaScript and PHP version? JavaScript and PHP version? <div><p>JavaScript and PHP version?</p></div> 49551 0 false 2009-03-07T00:42:09-08:00 49551 2009-03-21T00:00:00-07:00 33396 4 write-css-for-oo-tabs 1 26663 new 2009-03-07T00:42:12-08:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/4 Tabs released Set up the CSS for OO tabs. They need to: 1. Have a base tab class which extends mod. 2. Have a hd which contains the tabs 3. Have a class which extends hd to place the tabs to the right or left (bottom too?) 4. Consider a class which allows the tabs to live inside or outside the contour. Set up the CSS for OO tabs. They need to: 1. Have a base tab class which extends mod. 2. Have a hd which contains the tabs 3. Have a class which extends hd to place the tabs to the right or left (bottom too?) 4. Consider a class which allows the tabs to live inside or outside the contour. <div><p>Set up the CSS for OO tabs. They need to:</p> <ol> <li>Have a base tab class which extends mod.</li> <li>Have a hd which contains the tabs</li> <li>Have a class which extends hd to place the tabs to the right or left (bottom too?)</li> <li>Consider a class which allows the tabs to live inside or outside the contour.</li> </ol></div> 49551 0 true 2009-03-04T12:06:42-08:00 49551 1 arnaud-gueras-test-wrapping-on-ie 1 26663 resolved css framework grids ie 2009-03-07T00:31:24-08:00 49551 nicole (at stubbornella) nicole (at stubbornella) nicole (at stubbornella) http://stubbornella.lighthouseapp.com/projects/26663/tickets/1 Sender didn't provide version number of IE or any other details. Sender didn't provide version number of IE or any other details. <div><p>Sender didn't provide version number of IE or any other details.</p></div>