phpBB goes all CSS / tablefree

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • CyberAlien
    New Member
    • Mar 2002
    • 24
    • 3.6.x

    #76
    Originally posted by Kier
    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

    • Kier
      Former Lead Developer, vBulletin
      • Sep 2000
      • 8179

      #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

      • cbiweb
        Senior Member
        • Apr 2004
        • 2658
        • 4.1.x

        #78
        Originally posted by Kier
        ...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

        • Mazinger
          Senior Member
          • Jul 2005
          • 2399
          • 3.7.x

          #79
          Originally posted by Kier
          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

          • Floris
            Senior Member
            • Dec 2001
            • 37767

            #80
            Sure you do...

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

            Comment

            • filburt1
              Senior Member
              • Feb 2002
              • 6606

              #81
              Originally posted by Kier
              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

              • Cap'n Refsmmat
                Member
                • Jun 2006
                • 30

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

                Comment

                • filburt1
                  Senior Member
                  • Feb 2002
                  • 6606

                  #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

                  • DirectPixel
                    Senior Member
                    • Jan 2002
                    • 4703
                    • 3.5.x

                    #84
                    Originally posted by Mazinger
                    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

                    • MRGTB
                      Senior Member
                      • May 2005
                      • 5454

                      #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

                      • Grover
                        Senior Member
                        • May 2001
                        • 4005
                        • 3.8.x

                        #86
                        Originally posted by DirectPixel
                        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

                        • filburt1
                          Senior Member
                          • Feb 2002
                          • 6606

                          #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

                          • Neal-UK
                            Senior Member
                            • Feb 2004
                            • 935
                            • 5.6.4

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

                            Comment

                            • ---MAD---
                              Senior Member
                              • Jun 2005
                              • 2522
                              • 3.8.x

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

                              Comment

                              • Comtech
                                Banned
                                • Nov 2004
                                • 323
                                • 3.6.x

                                #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...