GroupBox like CSS

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Mr.Clean
    #1

    GroupBox like CSS

    I posted to teranews server but now am having problems getting to the group.
    Am trying Google...

    View this graphic:
    403 Forbidden
    http://home.austin.rr.com/theshipmanfamily/htmlgroupboxes.jpg


    I can't get that affect using this HTML/CSS:
    {I didn't do the one with the checkboxes}

    <html>
    <head>
    <title>Form1</title>
    <style type="text/css">
    body {
    background:#C2B FA5;
    }

    .RadioGroup1 {
    font-family:'MS Sans Serif';
    font-size:8px;
    position: absolute;
    left:183px;
    top:184px;
    width:185px;
    height:105px;
    }

    .RadioGroup1_Ra dioButton_0 {
    position: relative;
    left:8px;
    top:14px;
    }

    .RadioGroup1_Ra dioButton_1 {
    position: absolute;
    left:8px;
    top:43px;
    }

    .RadioGroup1_Ra dioButton_2 {
    position: absolute;
    left:8px;
    top:72px;
    }
    </style>
    </head>
    <body>
    <fieldset class="RadioGro up1">
    <legend>RadioGr oup1</legend>
    <input type="radio"
    name="RadioGrou p1_RadioButton_ 0"
    class="RadioGro up1_RadioButton _0" />
    <label for="RadioGroup 1_RadioButton_0 ">One</label>

    <input type="radio"
    name="RadioGrou p1_RadioButton_ 1"
    class="RadioGro up1_RadioButton _1" />
    <label for="RadioGroup 1_RadioButton_1 ">Two</label>

    <input type="radio"
    name="RadioGrou p1_RadioButton_ 2"
    class="RadioGro up1_RadioButton _2" />
    <label for="RadioGroup 1_RadioButton_2 ">Three</label>
    </fieldset>
    </body>
    </html>
    Tags: css groupbox
    • kchayka
      #2
      Re: GroupBox like CSS

      Mr.Clean wrote:[color=blue]
      >
      > http://home.austin.rr.com/theshipman...groupboxes.jpg
      >
      > I can't get that affect using this HTML/CSS:[/color]

      <snip ishy code>

      Dump all the absolute positioning, height, width and font sizes. All you
      need is
      fieldset {
      line-height: 1.5em;
      width: 10em;
      padding: .3em;
      }

      and add <br> after the first 2 <label> elements.

      --
      Reply email address is a bottomless spam bucket.
      Please reply to the group so everyone can share.

        Comment

        • Mr.Clean
          #3
          Re: GroupBox like CSS

          kchayka <usenet@c-net.us> wrote in message news:<2uqo71F2c st4eU1@uni-berlin.de>...[color=blue]
          > Mr.Clean wrote:[color=green]
          > >
          > > http://home.austin.rr.com/theshipman...groupboxes.jpg
          > >
          > > I can't get that affect using this HTML/CSS:[/color]
          >
          > <snip ishy code>
          >
          > Dump all the absolute positioning, height, width and font sizes. All you
          > need is
          > fieldset {
          > line-height: 1.5em;
          > width: 10em;
          > padding: .3em;
          > }
          >
          > and add <br> after the first 2 <label> elements.[/color]


          That is not exactly what I'm looking for, it does not place the radios in the
          correct position and the legend gtes moved as well.

          I am converting Delphi forms to HTML and need them to be as close to the shown
          graphic as possible.

          Can anyone show me code to do that?

            Comment

            • Neal
              #4
              Re: GroupBox like CSS

              On 3 Nov 2004 11:42:33 -0800, Mr.Clean <beware_the_mat rix@hotmail.com >
              wrote:
              [color=blue]
              > That is not exactly what I'm looking for, it does not place the radios
              > in the
              > correct position and the legend gtes moved as well.
              >
              > I am converting Delphi forms to HTML and need them to be as close to the
              > shown
              > graphic as possible.
              >
              > Can anyone show me code to do that?[/color]

              Can you provide a link to a graphic example?

                Comment

                • Neal
                  #5
                  Re: GroupBox like CSS

                  On Wed, 03 Nov 2004 15:32:14 -0500, Neal <neal413@yahoo. com> wrote:
                  [color=blue]
                  > On 3 Nov 2004 11:42:33 -0800, Mr.Clean <beware_the_mat rix@hotmail.com >
                  > wrote:
                  >[color=green]
                  >> That is not exactly what I'm looking for, it does not place the radios
                  >> in the
                  >> correct position and the legend gtes moved as well.
                  >>
                  >> I am converting Delphi forms to HTML and need them to be as close to
                  >> the shown
                  >> graphic as possible.
                  >>
                  >> Can anyone show me code to do that?[/color]
                  >
                  > Can you provide a link to a graphic example?
                  >[/color]

                  Never mind, found it.

                  Look at http://users.rcn.com/neal413/delphitest.html

                    Comment

                    • kchayka
                      #6
                      Re: GroupBox like CSS

                      Mr.Clean wrote:[color=blue][color=green]
                      >> Mr.Clean wrote:[color=darkred]
                      >> >
                      >> > http://home.austin.rr.com/theshipman...groupboxes.jpg[/color][/color]
                      >
                      > I am converting Delphi forms to HTML and need them to be as close to the shown
                      > graphic as possible.[/color]

                      I'm afraid that shooting for pixel-precision is doomed to failure on the
                      WWW. Accept this and you'll save yourself a lot of frustration.
                      [color=blue]
                      > Can anyone show me code to do that?[/color]

                      You should stop wanting this.

                      --
                      Reply email address is a bottomless spam bucket.
                      Please reply to the group so everyone can share.

                        Comment

                        • Lemming
                          #7
                          Re: GroupBox like CSS

                          On 2 Nov 2004 14:41:46 -0800, beware_the_matr ix@hotmail.com (Mr.Clean)
                          wrote:
                          [color=blue]
                          >I posted to teranews server but now am having problems getting to the group.
                          >Am trying Google...
                          >
                          >View this graphic:
                          >http://home.austin.rr.com/theshipman...groupboxes.jpg
                          >
                          >I can't get that affect using this HTML/CSS:
                          >{I didn't do the one with the checkboxes}[/color]

                          [snip]

                          I'm not going to try to get an exact match, but how is this?

                          http://demos.goldcrossdata.co.uk/radio.html


                          (Quick and dirty, not exactly what you are looking for, only tested in
                          IE6 and Opera 7, colour is wrong, but ...)

                          Lemming
                          --
                          Ia! Ia! Bush fhtagn!

                            Comment

                            Previous template Next
                            Working...