Re: [css-d] Divitus?
At 12:11 PM -0400 4/2/10, Climis, Tim wrote: I'm not familiar with the '8 div flexy box'. Could someone provide a URI? That's not it's official name, and I'm not sure what is, but you can see an example I did a few weeks ago here: http://sunapsis.iu.edu/ I don't know what the official name would be, or who would officially name it, but I called mine simple box: http://sperling.com/examples/box/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Divitus?
I'm not familiar with the '8 div flexy box'. Could someone provide a URI? That's not it's official name, and I'm not sure what is, but you can see an example I did a few weeks ago here: http://sunapsis.iu.edu/ Essentially, you have a relatively positioned content box (my #container), and then 8 decorative, empty, absolutely positioned divs (my .border divs), for a page that can stretch in both directions. Top, bottom, left, right, and the four corners. It doesn't work in IE6 particularly well, I think because that browser doesn't handle the bottom and right properties, but I don't recall exactly. Ooh. Checking through this though, I apparently forgot to put in an inline-block fix for ie7. Ah well. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Divitus?
Is this a case of divitus? http://home.comcast.net/~t.r.valentine/testing/ There are six divss for the overall background image plus one for the bookmark image (which I foresee using for a menu). Too much? Is there a simpler way of accomplishing the same thing? I like the layout's flexibility (the background adjusts to the amount of text lengthwise and widthwise, but is never shorter than a bit past the bookmark image). Any help/suggestions appreciated. -- T. R. Valentine Your friends will argue with you. Your enemies don't care. 'When I get a little money I buy books; and if any is left I buy food and clothes.' -- Erasmus __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Divitus?
On Thursday, April 01, 2010 10:06:52 pm T. R. Valentine wrote: Is this a case of divitus? http://home.comcast.net/~t.r.valentine/testing/ There are six divss for the overall background image plus one for the bookmark image (which I foresee using for a menu). Too much? Is there a simpler way of accomplishing the same thing? I like the layout's flexibility (the background adjusts to the amount of text lengthwise and widthwise, but is never shorter than a bit past the bookmark image). Any help/suggestions appreciated. This isn't too bad, really. The 6 empty divs are all serving a unique purpose that couldn't be served by anything less. The 8 div flexy box (which this is just a variant of) is fairly well established. But you could remove at least one div, maybe two, elsewhere. #header could go away. if you increase the bottom padding on the h1 and set the background color on it instead, you get the exact same effect. The bookmark div could be changed to a ul instead, if you're planning on putting a menu (and only a menu) in it. If you want to have multiple things in there, keep the div. The other thing you might do is set a max-width on the content. In a maximized browser window at 1280x1024, the lines get too long to be comfortably readable. ---Tim __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Divitus?
On 2010/04/01 22:33 (GMT-0400) Tim Climis composed: On Thursday, April 01, 2010 10:06:52 pm T. R. Valentine wrote: Is this a case of divitus? http://home.comcast.net/~t.r.valentine/testing/ The other thing you might do is set a max-width on the content. In a maximized browser window at 1280x1024, the lines get too long to be comfortably readable. I agree, except that screen resolution is irrelevant. As long as the visitor's default font size is reasonably set for whatever his resolution is, then a maximized browser will almost invariably produce too long lines when allowed to fill most of the screen width. http://webstyleguide.com/wsg3/8-typography/3-legibility.html has a decent section on line length, an important component of most designs. -- Suppos [sic] a nation in some distant region, should take the Bible for their only law book, and every member should regulate his conduct by the precepts there exhibited. . . . What a Eutopa, What a paradise would this region be!John Adams, 2nd US President Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/