roundedcornr - Problem

Atomic · 11 Apr 2009 at 15:55

Found a site http://www.roundedcornr.com/ that I'm sure others on here have seen that generates the code and images for various type of rounded images.

I used the rounded image with the border on and on the generated page it stated that it should not be stretched to more than 600 pixels. I've looked through the code and can't understand why it can't be more than 600 pixels.

So whilst coding, I tried to excede it, but the image just broke apart.

I'm wondering why this is happening and is there a work around?

Pho · 11 Apr 2009 at 15:59

An alternative might be to use jQuery to do it.

tsinc80697 · 11 Apr 2009 at 16:02

Beware when using jQuery to do it, it normally inserts a lot of extra un-semantic markup. But that depends how picky you are on markup

Atomic · 11 Apr 2009 at 16:08

I think I may just go back into Photoshop and actually cut the images rarther than jquery. Was just wondering why after 600 or so pixels the border/corner thing always broke up and couldn't be stretched further.

unwashed potato! · 11 Apr 2009 at 18:05

why not use css to make rounded corners?

swinnie · 11 Apr 2009 at 18:23

Mammalian said:
why not use css to make rounded corners?

Whats your preferred way of doing it in CSS - z-index's?

suarve · 11 Apr 2009 at 20:05

Why not use make a small corner image (usually a square) and use css? There are plenty of methods using css that scale well over all the major browsers.

Eye seven · 11 Apr 2009 at 20:55

Just ensure your users only use Firefox or Safari. Then:

Code:

<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

Don't worry about all those IE users