[Pro] Rounded Corners and "Padding"

When a html box is created and there’s a rounded corner effect, there’s a line (like a padding line) where text or boxes are allowed. When you make a large corner, that area is significantly reduced.

Is there any way to alter this, or is this just the way html is building the box?

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When Freeway rounds the corners of an HTML box, it creates a table
structure to place the corner images at the four corners. The table
cell in the middle of the resulting 9 table cells then contains all of
your content. There’s no way around this when using the native Freeway
interface.

If you use my CSS3 Corners Action instead, then you can get what you
want, because the corners and the padding are adjusted independently
of one another.

The thing you give up with my approach is giving Internet Explorer the
illusion that it is a modern Web browser. If you use CSS3 anything,
the effect will simply go missing in IE. The corners will be square,
there won’t be any shadows, there will be one column instead of many,
etc.

But if you’re okay with that (it is a progressive enhancement, and
thus available to progressive browsers) then you can set the border-
radius separate from the padding, and have your rounded corners
without eating up all of the available space inside your HTML box.

The Action is at ActionsForge, in the CSS3 project.

Walter

On Nov 15, 2010, at 12:12 PM, Robert B wrote:

When a html box is created and there’s a rounded corner effect,
there’s a line (like a padding line) where text or boxes are
allowed. When you make a large corner, that area is significantly
reduced.

Is there any way to alter this, or is this just the way html is
building the box?

Bob


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

Thanks, Walt. I’ll take a look.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK. I applied to an html box and nothing. Does it have to be a CSS layered box?

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So, I used it on a CSS box and then put an inline text box, but the box loses it’s ability to expand when text size is increased.

If I take the action off, it expands.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try disabling the height property on the box. You can certainly have
stretchy HTML layer boxes. Click the little icon to the left of the
Height field in the Inspector. The field will dim, to indicate that
height has been removed from the box. Now the box will “shrink-wrap”
around its contents, and if those contents get larger, the box will
enlarge to match.

Walter

On Nov 15, 2010, at 3:26 PM, Robert B wrote:

So, I used it on a CSS box and then put an inline text box, but the
box loses it’s ability to expand when text size is increased.

If I take the action off, it expands.

Bob


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

I tried that. It didn’t work withe the Action on it, but did work when I took it off.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you post an example somewhere? It just worked when I tried it
here. This Action doesn’t do anything at all to the height property of
the box it’s attached to, only the border-radius.

Walter

On Nov 15, 2010, at 3:47 PM, Robert B wrote:

I tried that. It didn’t work withe the Action on it, but did work
when I took it off.

Bob


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

Well, I just tried it again and it works.

User error strikes again!

Thanks for the Action.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options