Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Other Discussions
  3. The Weird and The Wonderful
  4. Who needs a UL?

Who needs a UL?

Scheduled Pinned Locked Moved The Weird and The Wonderful
tutorialquestion
12 Posts 7 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    A Offline
    AnalogNerd
    wrote on last edited by
    #1

    I'm rebuilding an old web app from scratch and I found this. There's a page that has a bulleted list on it. Here's an example of how this was acheived:

                    •
    

    Text in here for list

    Why use UL when you can use a table, and actually put the bullet in manually as a whole separate column! The second TD being wider than the whole table is also a nice touch.

    B E B C 4 Replies Last reply
    0
    • A AnalogNerd

      I'm rebuilding an old web app from scratch and I found this. There's a page that has a bulleted list on it. Here's an example of how this was acheived:

                      •
      

      Text in here for list

      Why use UL when you can use a table, and actually put the bullet in manually as a whole separate column! The second TD being wider than the whole table is also a nice touch.

      B Offline
      B Offline
      Brady Kelly
      wrote on last edited by
      #2

      :laugh:

      1 Reply Last reply
      0
      • A AnalogNerd

        I'm rebuilding an old web app from scratch and I found this. There's a page that has a bulleted list on it. Here's an example of how this was acheived:

                        •
        

        Text in here for list

        Why use UL when you can use a table, and actually put the bullet in manually as a whole separate column! The second TD being wider than the whole table is also a nice touch.

        E Offline
        E Offline
        englebart
        wrote on last edited by
        #3

        Maybe it was generated from a DB table and they already had a stock routine to convert a result set into a table? call dump_table("SELECT '*', column1 from table1 where listName = 'first';"); There could also be javascript code that captures clicks on table cells?

        A 1 Reply Last reply
        0
        • E englebart

          Maybe it was generated from a DB table and they already had a stock routine to convert a result set into a table? call dump_table("SELECT '*', column1 from table1 where listName = 'first';"); There could also be javascript code that captures clicks on table cells?

          A Offline
          A Offline
          AnalogNerd
          wrote on last edited by
          #4

          There's nothing like that. It's a static FAQ page.

          K 1 Reply Last reply
          0
          • A AnalogNerd

            There's nothing like that. It's a static FAQ page.

            K Offline
            K Offline
            Kasmarch
            wrote on last edited by
            #5

            screen readers? :((

            1 Reply Last reply
            0
            • A AnalogNerd

              I'm rebuilding an old web app from scratch and I found this. There's a page that has a bulleted list on it. Here's an example of how this was acheived:

                              •
              

              Text in here for list

              Why use UL when you can use a table, and actually put the bullet in manually as a whole separate column! The second TD being wider than the whole table is also a nice touch.

              B Offline
              B Offline
              Brisingr Aerowing
              wrote on last edited by
              #6

              I like how there is no </tr> tag.

              Bob Dole

              The internet is a great way to get on the net.

              :doh: 2.0.82.7292 SP6a

              A 1 Reply Last reply
              0
              • B Brisingr Aerowing

                I like how there is no </tr> tag.

                Bob Dole

                The internet is a great way to get on the net.

                :doh: 2.0.82.7292 SP6a

                A Offline
                A Offline
                AnalogNerd
                wrote on last edited by
                #7

                :sigh: That's my fault when typing the example in here I missed it. In reality they did use a </tr> It might be the only thing that was done right in that code.

                B 1 Reply Last reply
                0
                • A AnalogNerd

                  :sigh: That's my fault when typing the example in here I missed it. In reality they did use a </tr> It might be the only thing that was done right in that code.

                  B Offline
                  B Offline
                  Brisingr Aerowing
                  wrote on last edited by
                  #8

                  I guessed as much. I often miss out on things when I type, which is why I like autocompletion.

                  Bob Dole

                  The internet is a great way to get on the net.

                  :doh: 2.0.82.7292 SP6a

                  1 Reply Last reply
                  0
                  • A AnalogNerd

                    I'm rebuilding an old web app from scratch and I found this. There's a page that has a bulleted list on it. Here's an example of how this was acheived:

                                    •
                    

                    Text in here for list

                    Why use UL when you can use a table, and actually put the bullet in manually as a whole separate column! The second TD being wider than the whole table is also a nice touch.

                    C Offline
                    C Offline
                    Climate Turnip
                    wrote on last edited by
                    #9

                    This actually makes a lot of sense. The <ul><li> elements are completely unreliable when it comes to CSS styling across different platforms, also <ul><li> (nearly) always indents within the enclosing element producing alignment issues, again inconsistent across different platforms. At the very least you have to set the indent to a negative value and that does not work consistently. Bottom line, its a formatting nightmare. Having done a lot of html email programming in the past I have to say the use of table cells and inline styling is by far the most portable and reliable code. Anyway, its a redundancy, you're not saving anything using <ul><li> to create a list once you've styled it up, unless you're going for the doc-prof look.

                    J A 2 Replies Last reply
                    0
                    • C Climate Turnip

                      This actually makes a lot of sense. The <ul><li> elements are completely unreliable when it comes to CSS styling across different platforms, also <ul><li> (nearly) always indents within the enclosing element producing alignment issues, again inconsistent across different platforms. At the very least you have to set the indent to a negative value and that does not work consistently. Bottom line, its a formatting nightmare. Having done a lot of html email programming in the past I have to say the use of table cells and inline styling is by far the most portable and reliable code. Anyway, its a redundancy, you're not saving anything using <ul><li> to create a list once you've styled it up, unless you're going for the doc-prof look.

                      J Offline
                      J Offline
                      Josh_T
                      wrote on last edited by
                      #10

                      I was just thinkin the same thing. Although I'm a novice, I don't like the pre-formatted version of

                      and tables offer a convenient way to format things the way I want.

                      1 Reply Last reply
                      0
                      • C Climate Turnip

                        This actually makes a lot of sense. The <ul><li> elements are completely unreliable when it comes to CSS styling across different platforms, also <ul><li> (nearly) always indents within the enclosing element producing alignment issues, again inconsistent across different platforms. At the very least you have to set the indent to a negative value and that does not work consistently. Bottom line, its a formatting nightmare. Having done a lot of html email programming in the past I have to say the use of table cells and inline styling is by far the most portable and reliable code. Anyway, its a redundancy, you're not saving anything using <ul><li> to create a list once you've styled it up, unless you're going for the doc-prof look.

                        A Offline
                        A Offline
                        AnalogNerd
                        wrote on last edited by
                        #11

                        This is a static page that's 5 years old, on a website (no other platform). The table is being used to display a list, no javascript hooks, no fancy formatting. This could have been done with a UL so much cleaner, and would have remained semantically correct. Also, I didn't display this code but this page uses the table rows to acheive paragraph breaks.

                                 User Agreement
                               
                        
                           
                        
                           
                        
                               
                        
                                        To use this site, please read the following statements and indicate you agree...
                               
                        
                           
                        
                           
                        
                               
                        
                                 I understand that this is a sample paragraph of text and I agree
                        

                        Notice how they're all colspan="2"? That's so later when we get to the "list" the first column can be used for the bullet. Which isn't done with an image, or even &bull; but an actual text • There might be legitimate uses for tables, but this isn't one.

                        B 1 Reply Last reply
                        0
                        • A AnalogNerd

                          This is a static page that's 5 years old, on a website (no other platform). The table is being used to display a list, no javascript hooks, no fancy formatting. This could have been done with a UL so much cleaner, and would have remained semantically correct. Also, I didn't display this code but this page uses the table rows to acheive paragraph breaks.

                                   User Agreement
                                 
                          
                             
                          
                             
                          
                                 
                          
                                          To use this site, please read the following statements and indicate you agree...
                                 
                          
                             
                          
                             
                          
                                 
                          
                                   I understand that this is a sample paragraph of text and I agree
                          

                          Notice how they're all colspan="2"? That's so later when we get to the "list" the first column can be used for the bullet. Which isn't done with an image, or even &bull; but an actual text • There might be legitimate uses for tables, but this isn't one.

                          B Offline
                          B Offline
                          Brisingr Aerowing
                          wrote on last edited by
                          #12

                          throw new TableOverloadException();

                          Bob Dole

                          The internet is a great way to get on the net.

                          :doh: 2.0.82.7292 SP6a

                          1 Reply Last reply
                          0
                          Reply
                          • Reply as topic
                          Log in to reply
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes


                          • Login

                          • Don't have an account? Register

                          • Login or register to search.
                          • First post
                            Last post
                          0
                          • Categories
                          • Recent
                          • Tags
                          • Popular
                          • World
                          • Users
                          • Groups