Rounded Corner Text Box in iWeb 2.0 - just like this site

As you can see on this very apple site the corners of its main boxes are rounded. In iWeb you can't make your text box rounded unless you place your text in a rounded corner shaped box. However for formatting purposes the shaped box won't expand or contract as you see your site on different browsers because it is saved as either an image.

1. If you place text directly in a shape it publishes as an image with the text not able to be highlighted or searched.

2. If you place a text box over a shape. The text will not adapt to the boundaries of the box. So if you view you site on the web it is possible for your text to go outside the boundaries of the box. This is not good.

3. I tried creating a rounded png box with transparency that I then made as the background image for a text box. The corners showed properly on iWeb but once published the rounded corners showed properly when there was no drop shadow applied to the text box. With a drop shadow the corner squared off to display some of the background corner. I know this is not the clearest -- forgive me.

4. You can add a picture frame to a text box which expands and contracts so why not simply be able to add a rounded corned picture frame to a text box.

Finally, the simple solution to me should be that the text box should be capable of being rounded. I know why iWeb doesn't do this because rounded corners are complex. I know because I've designed sites with Dreamweaver and GoLive.

I hope they add this to the iWeb in an update. You'd think they'd have a template similar to their own site which has rounded corners.

Dual 1gig G4 Mirrored, Mac OS X (10.4.4)

Posted on Feb 25, 2008 9:12 PM

Reply
5 replies

Feb 26, 2008 4:48 AM in response to David Schulman

The rounded corners are images.

[TopLeft|http://discussions.apple.com/images/header.gif] & [Topright|http://discussions.apple.com/images/header_rightcap.gif]

[BottomLeft|http://discussions.apple.com/images/bottom.gif] & [Bottomright|http://discussions.apple.com/images/bottom_rightcap.gif]

You want prefab solutions.

Web design is also about finding solutions yourself. It's part of the creative process.

The textboxes are <div> elements in the final result. W3 CSS does not specify rounded corners, but [it is possible in CSS3|http://www.w3.org/TR/css3-background/#the-border-radius].

Safari supports the +-webkit-border-radius: 10px;+ style.

You can see it on [my custom webpage|http://myworld.webhop.org].

So, if you have the knowlegde, you can apply what you want with a HTML snippet.

Feb 26, 2008 11:01 AM in response to David Schulman

4. You can add a picture frame to a text box which expands and contracts so why not simply be able to add a rounded corned picture frame to a text box.


You can add round picture frame to text box:
http://hdl.50webs.com/Test/Round.html

but depend on which theme you are using; not all picture frames are available. There are ~70 picture frames, but Inspector window can't display them all.

Feb 26, 2008 11:23 AM in response to Cyclosaurus

Cyclosaurus wrote:

but depend on which theme you are using; not all picture frames are available. There are ~70 picture frames, but Inspector window can't display them all.


But you can add a page that has the stroke you want copy the pic and frame and paste it in another theme's page. It works, it is a few extra keywork but not much. I am thinking of including a page with the different styles to my site (not show it of course) and just go there when I need to canibalize.
Cyclosaurus you rock (I sound like my grand-kid now)
I bought part of macheist CSSedit I might learn how to use it.
Mireille

Feb 26, 2008 6:54 PM in response to Mireille Green1

But you can add a page that has the stroke you want copy the pic and frame and paste it in another theme's page.


But you need to know which theme allows those picture frames to be shown in inspector.
Each theme has a set of frames to be shown in inspector, and they are different from theme to theme.
I don't have to do that, because I wrote an app to do that for me 🙂

FYI, you can make your own frames too... after all a frame is a structure of 8 elements: top, left, right, bottom, UL-corner, UR-corner, LL-corner, LR-corner
and/or perhaps the 9th element: ornament (push-pin on top of the frame)

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Rounded Corner Text Box in iWeb 2.0 - just like this site

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.