On 10/3/08, Alexandru Dinulescu <[EMAIL PROTECTED]> wrote:
> I suggest the following setup if you have your own images
>
> /* Border Style -> ALL PAGES UNDER THIS
> t
> t b
> t b l
> t b l r
> t b l r bl
> t b l r bl br
> t b l r bl br tl
> t b l r bl br tl tr
> t b l r bl br tl tr background: none afterwards else lots of troubles and
> headaches, mofo
> */
>
> this setup is flexible as both on WIDTH and HEIGHT if you have the same
> color box more than onces this can save a lot of code from being used again
> and again.
>
> you can also do it in 3 divs if you have rounded corners and you ONLY want
> the HEIGHT to move or WIDTH, for height
> split the box in 3 sides, a top with the top corners image, bottom with the
> bottom corners and the content with a background-repeat: repeat-y on it. for
> the width its the other wayt around.
>
> make sure you declare widths on the all 3 of them if you use the 3 DIV
> method and if you use the first method make a div after the last 8th div
> tiutled like class="innerDiv" and set the width on it and set the width on
> the top one.
>
> the syntax is
> .divName .border div div div div div div div .innerDiv/// .divName is just
> for stlying purpuses in order to make specificy, and set a width on it,
> .innerDiv is the last div with no image also set a width on it to make IE6
> behave
> the top border starts on the .border
> so for the top the syntax is
> .divName .border {bg...}
>
> for the bottom the syntax is
> .divName .border div { bg ...}
>
> etc
>
> Hope this was helpful
> Best Regards
>
>
> On Fri, Oct 3, 2008 at 11:17 PM, Majestic <[EMAIL PROTECTED]> wrote:
> > Gunlang the one I am after is the one you have experience on using my
> > own images as round corners out of the three you pointed out to me
> > which was this one. I hope you could help me get the round corners on
> > my page which is just a <div> using my own images.
> >
> > http://www.gunlaug.no/tos/wd_demo_shapes_03.html
> >
> >
> >
> >
> >
> > On 10/3/08, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> > > Majestic wrote:
> > > > Anyone have experience doing CSS round corners ? I need some help as
> > > > nothing so far as been working out for me, including javascripts.
> > >
> > >
> > > Not sure. What, which layouts, is it supposed to be used on or fit into?
> > >
> > > If you want round corners as defined in CSS3...
> > >
> <http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-radius>
> > > ...which aren't fully supported across browser-land yet, then I haven't
> > > bothered with those.
> > >
> > > But if you want something like this...
> > > <http://www.gunlaug.no/tos/wd_demo_shapes_03.html>
> > > ...which is fairly well supported but more complex and relies on
> > > scripting + CSS, then I do have some experience.
> > >
> > > The latter used on layouts...
> > > <http://www.gunlaug.no/tos/moa_12c-test_02.html>
> > > <http://www.gunlaug.no/travel-07/travel-052.html>
> > >
> > > Georg
> > >
> > > --
> > > http://www.gunlaug.no
> > >
> ______________________________________________________________________
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > List wiki/FAQ -- http://css-discuss.incutio.com/
> > > List policies -- http://css-discuss.org/policies.html
> > > Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
> > >
> >
> ______________________________________________________________________
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > List policies -- http://css-discuss.org/policies.html
> > Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
> >
>
>
>
> --
> --
> -------------------
> Alexandru Dinulescu
> Web Developer
> (X)HTML/CSS Specialist
>
Whoa, I'm sorry I don't understand. I'd have to paste the code I have.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
