Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 33
  1. #1
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Making a rectangle with curly edges, possible?

    How can I make a rectangle with curly edges like the one in htmlarea ( you can download it in www.interactivetools.com ), if you press the image button to insert an image into your htmlarea, you'll see a beautiful alert box that has some rectangles in it with curly edges!

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    As you can see, nobody's going to download a whole program to see what you're talking about.

    Take a screenshot of it and post it here.

    If it's in a program, it probably is a image and can't be reproduced in browsers.
    Last edited by zoobie; 10-30-2002 at 05:56 PM.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #3
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    .curly {
    border: 2px solid black;
    -moz-border-radius: 25px;
    }

    ...........

    <div class="curly">blabla</div>


    NS6+ (Gecko) only.

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You can also set the radius level for each corner/edge individually:
    -moz-border-radius-bottomleft
    -moz-border-radius-bottomright
    -moz-border-radius-topleft
    -moz-border-radius-topright

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I sit corrected for the 1% of NS6 users.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #6
    Senior Coder Mhtml's Avatar
    Join Date
    Jun 2002
    Location
    Sydney, Australia
    Posts
    3,531
    Thanks
    0
    Thanked 1 Time in 1 Post
    Oh my, that just isn't right...not right at all.
    Omnis mico antequam dominus Spookster!

  • #7
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanx my dear super moderator, it's just great! Thanx to you too Bosko and also zoobie, but I really suggest you to download that program! ( I really really do )

  • #8
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey! last night that I saw your answer I was so happy that I went right to bed and didn't test your code! today when I tested that I saw that it doesn't work! I'm using WinXP with IE6, so, if my browser doesn't support it, why could I see it in that program?!

  • #9
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72° W. 48' 57" , 41° N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    i downloaded this, clicked on the insert image icon, and didn't get a rounded box. the only thing i saw rounded at all, was in this screenshot that i've uploaded. if this is what you're talking about, then the corners are rounded because they're using pictures. if that's not what you're talking about, then i can only assume that this has to do with MS trying to make XP pretty.
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.

  • #10
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    It must be part of that programs graphics then

  • #11
    Senior Coder joh6nn's Avatar
    Join Date
    Jun 2002
    Location
    72° W. 48' 57" , 41° N. 32' 04"
    Posts
    1,887
    Thanks
    0
    Thanked 1 Time in 1 Post
    it's not a program; it's proprietary MS html and javascript. the idea, is that it's a script, that replaces textareas, the upside being that the script allows you to use rich text formatting. it's using what i'm pretty sure are modal windows as dialog boxes ( didn't bother examining the code too much ), but for me, on win98, they're rectangular. no rounded corners. so, unless Confused is talking about the graphic i uploaded, the rounded corners he's seeing, are because of XP
    bluemood | devedge | devmo | MS Dev Library | WebMonkey | the Guide

    i am a loser geek, crazy with an evil streak,
    yes i do believe there is a violent thing inside of me.

  • #12
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, sorry, I know that I had to send the pic from the begining! but well, now I'm gonna do that. And what you send isn't what I'm talking about, when you press the insert image button, you see two fileds at the bottom of the page asking for Layout and Spacing, the curly rectangle around them, I mean the <fieldset> is my question and also I tried the fieldset alone and I didn't see any curly edge, so, it's not because of XP!

    PS: And I did bother myself examining the code and you're right, they're modal windows for dialog boxes, but I still don't know how the whole script works! I think it's a cool script, at least for me!

    I uploaded the screen shot in here
    Last edited by ConfusedOfLife; 11-03-2002 at 08:44 PM.

  • #13
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i might have misread. but from what i see that is an XP dialogue box?

    for a start... thats not html or css, if you wanted to use html or css to do that you would need images (if you wanted it to work in more than moz, that is)

    redhead

  • #14
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You did misread, I'm not talking about the whole rectangle of the alert box, but those two little ones inside of the box, look at the direction of those red arrows!

  • #15
    Senior Coder
    Join Date
    Aug 2002
    Location
    UK
    Posts
    2,789
    Thanks
    2
    Thanked 14 Times in 14 Posts
    Hows this ....

    Note, my browser is IE5.5



    <HTML xmlns:v = "urn:schemas-microsoft-com:vml">
    <style>
    v\:* {BEHAVIOR: url(#default#VML)}
    </style>

    <HEAD>
    <TITLE>Document Title</TITLE>
    </HEAD>
    <BODY>
    <v:roundrect style="position:relative;left:250px;top:0px;width:200px;height:200px" arcsize="0.027" fillcolor="#f0ece0" strokecolor="#cccccc" strokeweight="1px">
    <div style="position:relative;left:20;top:50">
    Horizontal:
    <div style="position:relative;left:70;top:-20;width:100;height:25;background-color:#ffffff;border:1 solid #bbd4ff"></div>
    Vertical:
    <div style="position:relative;left:70;top:-20;width:100;height:25;background-color:#ffffff;border:1 solid #bbd4ff"></div>
    </div>
    </v:roundrect>
    </BODY></HTML>



    This post has not rendered correctly and will not edit.
    See my next post
    Last edited by Mr J; 11-03-2002 at 11:36 PM.


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •