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
______________________________________________________________________
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/
