Announcement

Collapse
No announcement yet.

phpBB goes all CSS / tablefree

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • #76
    Originally posted by Kier View Post
    HTML Code:
    <dl>
    	<dt>Username</dt>
    	<dd><input type="text" id="username" /></dd>
    	<dt>Email</dt>
    	<dd><input type="text" id="email" /></dd>
    </dl>
    ...but that seems to me to break semantics.
    I think it doesn't.

    Without styling it would render like this:
    Code:
    Username
        <input>
    Email
        <input>
    that looks rather nice. field name is on left side, input is on the right side. And if text is on both sides, not just inputs, then it also looks nice:
    Code:
    Variable 1
        Value 1
    Variable 2
        Value 2
    There is clear understanding where variable is, and where value is.

    If you use divs it would look ok for inputs, but it would be a disaster for text:
    Code:
    Variable 1Value 1
    Variable 2Value 2
    So I think definition lists are the best way to go with such data like forums and topic lists. First item is <dt> so it is clear what part is main (forum name, or topic name), second and other items are <dd> as its a data describing item in <dt> (author, time, last post, replies).

    P.S. english is not my main language and I'm terrible in explaining stuff, but I hope you get idea of what I'm talking about.
    vBulletin and phpBB styles | My Forum
    My Styles: CA Evo, CA Morpheus
    sigpic

    Comment


    • #77
      Yeah, but the resulting output layout is irrelevant when CSS involved. The same layout as is provided by unstyled <dt> and <dd> tags could be achieved trivially using CSS applied to the <div> and <label> based code I provided.

      My argument is that putting a form field label into a <definition term> tag and the form field itself into a <definition description> tag is fundamentally wrong and goes against the goals of semantic XHTML.

      Comment


      • #78
        Originally posted by Kier View Post
        ...putting a form field label into a <definition term> tag and the form field itself into a <definition description> tag is fundamentally wrong and goes against the goals of semantic XHTML.
        Totally agree. And semantic is much more preferable than "but it can be done".
        ~ Life isn't always fair, but you can be. ~

        Comment


        • #79
          Originally posted by Kier View Post
          Yeah, but the resulting output layout is irrelevant when CSS involved. The same layout as is provided by unstyled <dt> and <dd> tags could be achieved trivially using CSS applied to the <div> and <label> based code I provided.

          My argument is that putting a form field label into a <definition term> tag and the form field itself into a <definition description> tag is fundamentally wrong and goes against the goals of semantic XHTML.
          I agree with that. You may never find <div> before <input ... > in normal pages...

          In addition, This page is not Valid XHTML 1.0 Strict!
          $post[signature]

          Comment


          • #80
            Sure you do...

            <div id="formcontainer">
            <form....>
            <input....>
            </form>
            </div>

            Comment


            • #81
              Originally posted by Kier View Post
              Yeah, but the resulting output layout is irrelevant when CSS involved. The same layout as is provided by unstyled <dt> and <dd> tags could be achieved trivially using CSS applied to the <div> and <label> based code I provided.

              My argument is that putting a form field label into a <definition term> tag and the form field itself into a <definition description> tag is fundamentally wrong and goes against the goals of semantic XHTML.
              Not if interpreted as a form being a key/value pair listing. The definition term is the key (the input name), and the definition itself is the value (the input item). It's a system by which the terms are provided to the user, and the user provides the definitions themselves.
              --filburt1, vBulletin.org/vBulletinTemplates.com moderator
              Web Design Forums.net: vB Board of the Month
              vBulletin Mail System (vBMS): webmail for your forum users

              Comment


              • #82
                Originally posted by Mazinger View Post
                I believe that's due to their third-party advertisement script.

                Comment


                • #83
                  HTML Code:
                  &bull; Designed by <a href="/?sid=3084747686841abdb8476b897fd67dcd">phpBB</a> &amp; <a href="http://www.subblue.com/">subBlue</a>
                  &bull; Header illustrations by <a href="http://www.vladstudio.com/">Vlad Gerasimov</a>
                  &bull; Hosting donated by <a href="http://www.osuosl.org">OSUOSL</a>
                  That's far from semantic.
                  --filburt1, vBulletin.org/vBulletinTemplates.com moderator
                  Web Design Forums.net: vB Board of the Month
                  vBulletin Mail System (vBMS): webmail for your forum users

                  Comment


                  • #84
                    Originally posted by Mazinger View Post
                    I agree with that. You may never find <div> before <input ... > in normal pages...

                    In addition, This page is not Valid XHTML 1.0 Strict!
                    It doesn't validate because two <img /> tags are not closed properly. Not a big deal, and very easy to fix. Just a tiny bug.
                    :)

                    Comment


                    • #85
                      Intersting to see it has gone tableless. Not really sure what to think of the new forum look though. I don't like the new post icons.

                      Also noticed is fails to validate as well

                      Comment


                      • #86
                        Originally posted by DirectPixel View Post
                        I think phpBB's style is great, and is definitely a big leap forward for bulletin board design. The rest of their site looks great as well, especially compared to Jelsoft's.
                        Although I have always liked the style of the vBulletin 3 series, I do agree with you that the Jelsoft website doesn't really look that well. In fact, I always found that in the vB 2 days (the purple fase ) the Jelsoft website had a much better look and feel then it does nowadays.
                        How much do you love XenForo?

                        Comment


                        • #87
                          The entire point, however, is that it's irrelevant from a development standpoint how the product looks. If the code is semantic and therefore separates presentation from structure, it's trivial to change the application's global appearance. vBulletin already meets halfway by allowing you to edit templates, but by ditching tables and so on (yes, yes, I know the next version will), then you can truly customize the entire site without needing to do things like rewrite templates.
                          --filburt1, vBulletin.org/vBulletinTemplates.com moderator
                          Web Design Forums.net: vB Board of the Month
                          vBulletin Mail System (vBMS): webmail for your forum users

                          Comment


                          • #88
                            Looks nice, love the way posts show also.
                            [URL="http://www.aviationweb.net/"]Aviation Web[/URL="http://www.aviationweb.net/"]

                            Comment


                            • #89
                              Glad to see Kier giving us some insight into vBulletin 4 .

                              Comment


                              • #90
                                The new look for PHPBB is simply awe inspiring (Gorgeous) & I am actually shocked that they went web 2.0'ish before vBulletin did. I am hoping Jelsoft is taking a serious look at PHPBB’s new layout and come out with something as good, if not better than it.


                                The Boxy age is over; the new vBulletin default style should have round edges to almost every inch of the style. Please take the great intuitive of upgrading the default skin for vBulletin. All of your major competitors have already updated their default skins from IPB (still awful looking) to PHPBB.

                                Comment

                                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                                Working...
                                X