I know all about Inline items now (thanks, Ern).
But I’m thinking back to when items were ‘inside’ another—not strictly inflow—and could move around freely.
-
How does one create that type of inside item other than just dragging it below another in the site panel?
-
What the status of such an item if it’s not inline, has it got a name. It acts like it is ‘grouped’ with it parent but it isn’t technically grouped either.
-
Is there any use for such an item in an inline layout?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
-
- select and drag 1 html item over another while holding the space-bar. The border of the receiving item will turn blue to show that it is becoming the parent
-
- positioned child (absolute positioning) whereas an ‘inline’ item has relative positioning
-
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You’re asking good questions, John.
I think the definitive terms should be “into” for inline or inflow
box-model, and “onto” for the traditional FWP layered method. That’s just
my suggestion for how to think about it.
Here’s a mockup of a layered and inline item that are both children of the
same parent - http://cssway.thebigerns.com/workbench/layer-v-inline/
The layered item is positioned absolutely with respect to the parent while
the inline item is positioned relatively. This positioning property is the
essential difference between the two and is what keeps them from reacting
one to the other. They have different z-index layer properties, which you
can alter with respect to each other - but I think that is only internally
of the parent.
To see it in action, right-click in Safari or Chrome to access the Inspect
Element developer panel, locate the layered item and try turning the css
position:absolute property off and on. Or change the numbers around.
Now whether or not this is valuable for construction, who knows. I cannot
recall mixing layered and inline items but that doesn’t mean I haven’t -
just that I don’t recall. I can’t honestly imagine a scenario where I
would, but understanding what is going on certainly doesn’t hurt you.
On Tuesday, December 31, 2013, John Cooper email@hidden wrote:
I know all about Inline items now (thanks, Ern).
But I’m thinking back to when items were ‘inside’ another—not strictly
inflow—and could move around freely.
-
How does one create that type of inside item other than just dragging
it below another in the site panel?
-
What the status of such an item if it’s not inline, has it got a name.
It acts like it is ‘grouped’ with it parent but it isn’t technically
grouped either.
-
Is there any use for such an item in an inline layout?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Excellent responses from both Dave and Ern. Many thanks again.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Probably this one has some answers as well?
It’s my episode “Layers in a Box-In-Box Model?”
http://kimmich-dm.de/wordpress/?p=880
Cheers
Thomas
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Yes, that’s adds a useful design option. Thanks.
For those who don’t have eleven minutes to watch the video, it says this:
To give the appearance of overlapping layers when using the box-in-box (inline) method, place a relatively positioned item at the edge of its container, and using custom margins give it a negative ‘margin’ value in the direction of desired overlap. Do the same for an absolutely positioned item but append the following settings (in Menu/Item/Extended…):
name: left | value: 50%
name: margin-left | set value to 50% of the width of the overlapping item
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options