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.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Sep 2002
    Location
    Moncton, N.B., Canada
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CURLY EDGES for Everyone!!

    This is for ConfusedOfLife who asked if this is possible. It certainly is, and no hack, complex css or SVG required. All that is needed is two little known html form elements called FIELDSET and LEGEND. Here a simple html replication of ConfusedOfLife's screen shot:

    Code:
    <HTML>
    <BODY> 
    <div style="width: 250px;">
    <form>
    <FIELDSET>
    <LEGEND style="font-weight: bold;">Layout&nbsp;</LEGEND>
    <P>Alignment:
    <SELECT NAME="baseline">
    <OPTION VALUE="server" SELECTED>Baseline</OPTION>
    </SELECT>
    </p>
    <p>
    Border Thickness: 
    <input type="text" name="thickness">
    </FIELDSET>
    </form>
    </p>
    </BODY>
    </HTML>
    I only discovered this a few weeks ago, haven't had the time to implement it yet. I found out about this from a webreference.com article on forms (perhaps the most in-depth I've ever seen):
    http://webreference.com/html/tutorial13/20.html

    Terry

  • #2
    Supreme Overlord Spookster's Avatar
    Join Date
    May 2002
    Location
    Marion, IA USA
    Posts
    6,278
    Thanks
    4
    Thanked 83 Times in 82 Posts
    Been doing web development for 7 years and I can honestly say I have never heard or seen that before. lol

    Pretty neat.
    Spookster
    CodingForums Supreme Overlord
    All Hail Spookster

  • #3
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Sorry...I'm just not seeing anything that's curly...either here or in COL's example.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #4
    New Coder
    Join Date
    Sep 2002
    Location
    Moncton, N.B., Canada
    Posts
    69
    Thanks
    0
    Thanked 0 Times in 0 Posts
    He had little arrows that pointed to the corners which surround windows OS form components:

    http://irandiba.net/confusedoflife/SS/curly!.jpg

    My example was a reproduction of the "Layout" form component, done with html. I have often wished that we could do this in html myself. So I was pretty happy when I accidently stumbled on a way to do it.

    The FIELDSET and LEGEND form elements works much the same in Netscape but without the "curly" or "rounded" corners.

    Terry

  • #5
    Regular Coder
    Join Date
    Jul 2002
    Location
    Iran
    Posts
    695
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanx Terry, I tried your code in win98 and it doesn't show anything curly, but in XP you can see the curly edge clearly. I had the fieldset and legend that I cut and pasted from the original code of that htmlarea program, but even in XP I couldn't make it show a curly edge, but your code does, I have to compare it with mine later.

    PS: It wasn't bad if you sent a link or something to me, I just stumbled upon your thread accidentaly ( the way that you found the code! )


  •  

    Posting Permissions

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