Is there a way to draw an HTML box, then draw another HTML box inside of it, and set the first HTML box to have no height so that it conforms to the content of the inner HTML box?
I am using WebYep for some content management, and it would be great to have the flexibility of not having to use inline items.
Any information will be greatly appreciated. Thanks.
Is there a way to draw an HTML box, then draw another HTML box inside of it, and set the first HTML box to have no height so that it conforms to the content of the inner HTML box?
Yes, just click on the symbol beside the height field in the Inspector so that it’s greyed out.
Thanks, Paul. I figured it out, but there is one difference from your instructions- I needed to set the “internal” divs to be non-layered items. Otherwise, the first HTML box just goes to 0px, regardless of what HTML items I have placed in it. Thanks again for the information!
Usually, you should draw your HTML-DIV (Item1), in click item1 and choose insert → HTML Item another DIV (item2). Click somewhere in the white space. If you set under Preferences → Layout → Automatic Undefined Height → Ask, Freeway will now ask you if item1 (your wrapper) shall have an undefined height. Click OK and you’re done. I set it on ask, because sometimes you want and sometimes not. These are some basics on the way to build an entire inline boxmodel.
Thanks, Paul. The problem with doing it that way is that you eliminate the flexibility of being able to drag your internal HTML item around in the external HTML item.
If you draw an HTML item inside of another, and just uncheck the “Layer” box in the inspector, you will have the option of removing the height parameter on the external HTML box AND be able to drag the internal HTML box around.
Thanks, Paul. I figured it out, but there is one difference from your instructions- I needed to set the “internal” divs to be non-layered items. Otherwise, the first HTML box just goes to 0px, regardless of what HTML items I have placed in it. Thanks again for the information!
The way I do it is like Thomas Kimmich just described it; draw an HTML box, click for a cursor inside, then go Insert>HTML item. Yes, you can’t drag it around; you use float and margin in the Inspector to position it and, doing that, you can position it just as though you’d dragged it around.
Thanks, Paul! How would you layer two items within a box and have the height of the container box be set to “auto”?
Pretty much as I said last time, but twice! Draw an HTML box, click in it and insert another one, then immediately repeat that last bit so that you have two. if you want them side-by-side then set the float to ‘left’ in the Inspector. Alternatively, you can set one to float left, and the other to float right. You can adjust the space between them using the Margin setting in the Inspector.
That’s the point of the game. The div into div is what it says. No layer items, cause the divs have to play together. Navigate to http://www.kimmich-dm.de/blogging/disqus-follow.php?DOC_INST=12 and download the example file. Look at the site panel and watch the elements. I agree, it’s a bit more extended, but that’s the way you “undefine height”.