--You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
To post to this group, send email to object-oriented-css@googlegroups.com.
Visit this group at http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
Hi Brian,
If you take into account the original purpose of CSS�to format lines of text�you'll see why this grid design is impossible without resorting to positioning hacks. �The element in the center that spans two rows makes it so. �A single modification in one of several place would make it possible using faux table elements or flexbox, but as designed I don't think you will have any luck. �I would love to be proven wrong though!
On Fri, Oct 4, 2013 at 7:45 AM, Brian Moon <br...@moonspot.net> wrote:
I should clarify, I can't build this where each rectangle is its own unit. I could break a rectangle into two in a few places and build this. The design calls for images and/or text to span the full size of all of these rectangles however. And the layout will be updated many times per day by non-developers. So, having it custom done each time so that a pieced together unit made of two line up correct is not desirable.
Brian.
--------
http://brian.moonspot.net/
On 10/4/13 8:22 , Brian Moon wrote:
Hi,
We are working on some layout options for a new part of our site and had
designers design layouts on a 4 column, 3-5 row grid where some grids
could expand and take up more than one cell. We discovered early in our
efforts to build a wysiwyg tool for creating grids that we were hitting
road blocks that some grids that could be thought up were not easily
built with OOCSS grids. Luckily, those layouts were quite ugly. So, we
asked designers to build some canned layouts our team could use and pick
from. We had one come back that is not ugly and I don't see how to build
it with OOCSS grids. Its attached. Can anyone see how to build this?
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
To post to this group, send email to object-or...@googlegroups.com.
Visit this group at http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented...@googlegroups.com.
To post to this group, send email to object-or...@googlegroups.com.
Can the unit spanning two rows be assigned a specific height or does it need to have flexible height?
The whole point of OOCSS is to be extensible, so there's no reason that the .unit classes can only be given the percentage-based .sizeXofY classes and only one <div> per unit.
In this case, if a specific height is OK then you could just use an absolutely positioned element inside a relatively positioned .unit element. I'm not sure about flexible height but that's more of a general CSS question...of course as Nicole said recently, "we talk about anything style related here."
On 10/4/13 9:58 AM, Parker Ault wrote:
Hi Brian,
If you take into account the original purpose of CSS–to format lines of text–you'll see why this grid design is impossible without resorting to positioning hacks. The element in the center that spans two rows makes it so. A single modification in one of several place would make it possible using faux table elements or flexbox, but as designed I don't think you will have any luck. I would love to be proven wrong though!
Hi Brian,
If you take into account the original purpose of CSS–to format
lines of text–you'll see why this grid design is impossible
<mailto:object-oriented-css%2Bunsu...@googlegroups.com>.
To post to this group, send email to
Visit this group at
http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google
Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it,
send an email to object-oriented-css+unsub...@googlegroups.com
<mailto:object-oriented-css+unsub...@googlegroups.com>.
To post to this group, send email to
Visit this group at
http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google
Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it,
send an email to object-oriented-css+unsub...@googlegroups.com
<mailto:object-oriented-css%2Bunsu...@googlegroups.com>.
To post to this group, send email to
Visit this group at http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google
Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send
an email to object-oriented-css+unsub...@googlegroups.com.
To post to this group, send email to object-oriented-css@googlegroups.com.
Visit this group at http://groups.google.com/group/object-oriented-css.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to object-oriented-css+unsub...@googlegroups.com.
To post to this group, send email to object-oriented-css@googlegroups.com.