3 Replies Latest reply on Nov 6, 2008 10:32 AM by Newsgroup_User

    unsupported value: "inline-block"

    tanktery Level 1
      Creating a form using labels inline-block value is not supported in Netscape,IE,IE for MAC,Safari,and Opera.

      Attached is the CCS rules anyones know of a fix

      @charset "UTF-8";

      /* CSS Document */
      #titlebar {
      height: 558px;
      width: 144px;
      float: left;
      background-image: url(/i/catalog_title.jpg);
      background-repeat: no-repeat;
      background-position: left top;
      margin-top: 18px;
      background-attachment: fixed;
      }

      #catalog_frame {
      width: 666px;
      margin-top: 45px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      float: left;
      position: relative;
      }

      #catalog_content {
      width: 645px;
      height: 500px;
      }

      #pic1 {
      background-image: url(../i/phil_pic1.jpg);
      background-repeat: no-repeat;
      height: 250px;
      width: 133px;
      float: right;
      position: absolute;
      left: 533px;
      top: 337px;
      }

      #wrap .catalog_container {
      }

      #catalog_textContainer {
      width: 350px;
      margin-right: auto;
      margin-left: auto;
      position: relative;
      margin-top: 125px;
      margin-bottom: 125px;
      }

        • 1. Re: unsupported value: "inline-block"
          Level 7
          No CSS rules attached. What you see below is what appears on the NNTP
          forums. And don't even think of editing your page - just post in this
          thread with the rules.

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "tanktery" <webforumsuser@macromedia.com> wrote in message
          news:gev8jf$27r$1@forums.macromedia.com...
          > Creating a form using labels inline-block value is not supported in
          > Netscape,IE,IE for MAC,Safari,and Opera.
          >
          > Attached is the CCS rules anyones know of a fix

          • 2. Re: unsupported value: &quot;inline-block&quot;
            tanktery Level 1
            Creating a form using labels inline-block value is not supported in Netscape,IE,IE for MAC,Safari,and Opera.
            what follows is the CCS rules anyones know of a fix

            @charset "UTF-8";

            /* CSS Document */
            #titlebar {
            height: 558px;
            width: 144px;
            float: left;
            background-image: url(/i/catalog_title.jpg);
            background-repeat: no-repeat;
            background-position: left top;
            margin-top: 18px;
            background-attachment: fixed;
            }

            #catalog_frame {
            width: 666px;
            margin-top: 45px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            float: left;
            position: relative;
            }

            #catalog_content {
            width: 645px;
            height: 500px;
            }

            #pic1 {
            background-image: url(../i/phil_pic1.jpg);
            background-repeat: no-repeat;
            height: 250px;
            width: 133px;
            float: right;
            position: absolute;
            left: 533px;
            top: 337px;
            }

            #wrap .catalog_container {
            }

            #catalog_textContainer {
            width: 350px;
            margin-right: auto;
            margin-left: auto;
            position: relative;
            margin-top: 125px;
            margin-bottom: 125px;
            }

            • 3. Re: unsupported value: &quot;inline-block&quot;
              Level 7
              How do you want your form to look?

              I usually do it like this -

              label: FIELD
              labelxx: FIELD
              labelxxxx: FIELD

              (very much like the scrolling credits in a movie)

              The labels are right-aligned at a vertical margin, and the fields are
              left-aligned at that same margin.

              To achieve that, I use something like this -

              label {
              clear:left;
              display:block;
              float:left;
              width:200px;
              margin-right:15px;
              text-align:right;
              }
              input {
              display:block;
              margin-bottom:20px;
              }



              --
              Murray --- ICQ 71997575
              Adobe Community Expert
              (If you *MUST* email me, don't LAUGH when you do so!)
              ==================
              http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
              http://www.dwfaq.com - DW FAQs, Tutorials & Resources
              ==================


              "tanktery" <webforumsuser@macromedia.com> wrote in message
              news:gevcib$78i$1@forums.macromedia.com...
              > Creating a form using labels inline-block value is not supported in
              > Netscape,IE,IE for MAC,Safari,and Opera.
              > what follows is the CCS rules anyones know of a fix
              >
              > @charset "UTF-8";
              >
              > /* CSS Document */
              > #titlebar {
              > height: 558px;
              > width: 144px;
              > float: left;
              > background-image: url(/i/catalog_title.jpg);
              > background-repeat: no-repeat;
              > background-position: left top;
              > margin-top: 18px;
              > background-attachment: fixed;
              > }
              >
              > #catalog_frame {
              > width: 666px;
              > margin-top: 45px;
              > margin-right: 0px;
              > margin-bottom: 0px;
              > margin-left: 0px;
              > float: left;
              > position: relative;
              > }
              >
              > #catalog_content {
              > width: 645px;
              > height: 500px;
              > }
              >
              > #pic1 {
              > background-image: url(../i/phil_pic1.jpg);
              > background-repeat: no-repeat;
              > height: 250px;
              > width: 133px;
              > float: right;
              > position: absolute;
              > left: 533px;
              > top: 337px;
              > }
              >
              > #wrap .catalog_container {
              > }
              >
              > #catalog_textContainer {
              > width: 350px;
              > margin-right: auto;
              > margin-left: auto;
              > position: relative;
              > margin-top: 125px;
              > margin-bottom: 125px;
              > }
              >
              >
              >