Discuss: Mountaintop Corners

by Dan Cederholm

11 Sem-transparent ??? (2)

look. I’ve heard of pngs giving levels of transparency but those guys were using gif images.

(posted before completing)

posted at 09:26 pm on April 30, 2004 by Abhi Malani

12 Mozilla-corners and shapes with borders - now?

Corners and shapes is always interesting stuff.
No need to limit it to images though.

Recreating what looks like mos-corners can be done by adding divs on top and bottom of text-areas, giving them borders and adjusted margins and background, and trimming everything in place.
Some of what this article shows might also be recreated without images.

You can get CSS-controlled rounded corners and other shapes in a flexible design by using borders only, but the markup is ugly.

Some javascript that could do the job would be much appreciated…

posted at 09:30 pm on April 30, 2004 by Georg

13 In response to Andrew

Andrew had said (http://www.alistapart.com/discuss/mountaintop/#c7949): “I think your final example image has the transparency inverted. The Mountain should be transparent, and the sky should be solid.”

No, actually that is the I had intended it — with the mountain (and corners) sharing the same color as the page’s background. As if the mountain was growing into the box… or something.

posted at 10:14 pm on April 30, 2004 by Dan Cederholm

14 slow connections

Very interesting, but how about those people surfing with slow connections & no graphics? I’ve taken an example and looked at it through Opera with no graphics, looks not like it should. Anyway, for future websites maybe connection speed is not as important as at present, what do you mean? CYa!

posted at 12:59 am on May 1, 2004 by Mikey

15 Re: slow connections

Actually, it perfectly degrades when graphics are off.

posted at 01:15 am on May 1, 2004 by Anne

16 hmm

Sure would be nice if we could have n number of background images….each with their own positioning…

Anyway, enough daydreaming….

This article seems a bit of a rehash of other techniques out there…Still doesn’t seem to be a clear, simple/elegant way of doing rounded corners in a cross browser implementation.

Maybe boxes are better after all…

posted at 01:54 am on May 1, 2004 by Simon

17 pngs vs microsoft

I came up with some buttons that work and look great in just about everything but IE.

http://www.westafer.com/b/scubaTests/buttonTest3.html

I’ve been playing around with Dean Edward’s IE7 and it’s so very close, only thing is no matter what the fix, IE will not load a transparent image AND respect background. Obviously, Microsoft has no intention of supporting pngs, so tricks like the one described in this article will be necessary. I still have to wonder, what is Microsoft’s motivation to ignore the w3c? Oh right, world domination. Silly me.

posted at 02:35 am on May 1, 2004 by Benjie

18 Mental note to self

When creating images that rely on the background-color – always (as in “everytime”) remember to specify a color for the background too… even if it’s white. :-)

posted at 09:17 am on May 1, 2004 by Chriztian Steinmeier