A LIST Apart: For People Who Make Websites

No. 165

Discuss: CSS Design: Creating Custom Corners & Borders

Pages

« First  <  8 9 10

91 very nice, but with issues

Add me to the ALA’s Admirers group!

great articles, even greater suggestions and ‘idea-generator’…

My issue with the rounded corners stuff as presented here is that I either have to provide HUGE images to cover every possible window-size, or that I am forced to limit the box to a specific maximum height/width.

Too bad you don’t make use of the browsers abilities to actually repeat backgnd images.

Right now, I am tryin’ to get a fully fluid, indefinitely resizable rounded-corner-box (with 9 Backgnd images — which could be reduced to 3: the combined corners, top- and bottom edges, the right and left edges), and there seems to be quite some differences between MS and the rest of the world. (On my side, everything works flawless unless I touch the MS-Universe).

But then, I even have difficulties to find myself a box of there to do the checklist.

Once the cross-platform -Browser compatibility issues will be solved (if this is possible at all), I consider to create some script (thru innerhtml or somesuch) that will generate the extra html needed to render the boxes edges and corners, so that all I’ll have to throw into the page is the actual content, like, <div class=“my-boxed-stuff” id=“myfirstbox”>boxed</div>

any help or hints/pointers are welcome, of course!

best
david. )

posted at 06:01 am on February 18, 2004 by david

92 Images Not Shown

Is anyone else getting a problem where andy imiges held inside the Articlebody box is not being displayed, is there a solution?

posted at 04:59 am on February 26, 2004 by Kai Syn

93 hidden content

I have tried your method using only 3 images for the boxes. Two of the boxes are also using an image replacement technique. I am also limited to using standard (for our company) classes and minimal ids. I got everything working finally in Safari, Mozilla, ie5.2 mac and ie5.5 pc, except… once I adjusted for the pc, the content in two of my boxes become overlapped or disappear! Any suggestions are greatly appreciated.

posted at 01:29 pm on March 5, 2004 by Annette

94 High resolution..

For those with high resolutions or designs simply wanting to keep image size down, what would you recommend doing about the possible and eventual break between the left and right corners?

posted at 08:06 pm on March 9, 2004 by xuur

95 The right border doesn't show well in IE

I had applied this article to create a web page, all work ok but in Internet Explorer the right border doesn’t show well, not appear as a continuous line.
There are any method to solve this?
Can view the problem on mi web:
http://philips530.webcindario.com

posted at 11:34 am on March 22, 2004 by TaSMi

96 Creating custom corners and borders

I wasn’t able to get the borders to work. The top left and bottom left over-lapped the right side. The footer “p” extended too far to the left out of the boxed area. How can I make this work and how can I make my own gif designs?

posted at 02:45 pm on March 29, 2004 by John Stiegman

Pages

« First  <  8 9 10

Discussion Closed

New comments are not being accepted, but you are welcome to explore what people said before we closed the door.

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)