21 Another techinque

Can be found here – http://interface-7.net/20040218/

posted at 04:09 pm on February 28, 2004 by Pete

22 Selecting text

I can select any line or paragraph of text, but I can’t seem to select, say, the title (“Middle”) and the paragraph below it. Is there a way around this? Is this a browser bug?

posted at 04:49 pm on February 28, 2004 by anon

23 Stretch/Extend

A stretch/extend keyword would be infinitely useful in CSS. Would make this and other techniques so much easier, and we’d get far more out of our bitmaps…

posted at 05:31 pm on February 28, 2004 by Chris-RG

24 What about a gradient INSIDE the content box?

As always, thanks for the great article. I have a question, or could be a suggestion for part III of this series…

Is it possible to have a gradient INSIDE the content box, instead of just an all white background and have it be vertically fluid without breaking the gradient?

posted at 07:12 pm on February 28, 2004 by Phoat Spyro

25 A way to make a truly fluid design?

The one problem with this technique is that you have to make the top-left image almost ridiculously long, and even then it’s not always long enough (especially with text-resizing). Has anybody come up with a way that doesn’t require that?

By the way, I’m very much aware of the technique where you have header and footer images, then vertically tile the content background, but that only works when the width of the box is fixed, not when it’s a relative value.

posted at 11:07 pm on February 28, 2004 by Sage

26 RE: Customs Corners/Borders with only 1 image

I’ve created another testcase, to fix my previous technique with long containers, using only 2 images:
http://phoenity.com/tests/custom_corners_three.html

posted at 11:31 pm on February 28, 2004 by Lim Chee Aun

27 Even simpler

http://www.cubedonline.com/newdesign/index.html

rounded effect done with two images (one with the headers; the other with a bottom aligned image in the container div).

posted at 03:49 pm on February 29, 2004 by rgw

28 RE: Even simpler

[em]rounded effect done with two images (one with the headers; the other with a bottom aligned image in the container div).[/em]

Yes, it is quite elementary when only worrying about fixed-width divs, however the end product of this article creates a 100% width design, with divs that vary in width depending on resolution.

Good article by the way – I am also (somebody else mentioned it on here) wondering about the best way to have a nice gradient as a background image across different resolutions … I can’t quite get my head around it. ;)

posted at 07:01 pm on February 29, 2004 by thomas

29 haha

yeah, I forgot that…gee, I feel stupid. Anyway, I’ll start looking into ways to get gradients to work. I imagine it will take some crafty background hacks and tricks.

posted at 07:40 pm on February 29, 2004 by rgw

30 BTW, Thomas

your site is beautiful (saw it via cssvault.com)

posted at 07:41 pm on February 29, 2004 by rgw