• (nodebb)

    That brain must not have been thinking straight. It was listing (groan) to the right.

  • TheCPUWizard (unregistered)

    Using tables for non-tabular data screws up screen readers... and this leads to violations of the ADA [Americans with Disability Act], andthat may lead to a loss of [direct or indirect] government funding... This can be a very costly mistake....

  • Anthony (unregistered)

    Looks like the sort of thing old versions of Word would spit out when asked to save HTML.

  • Sauron (unregistered)

    Also, we can point out the <a> tags with target="_blank" BUT without rel="noopener" , since it is a vulnerability to "reverse tabnabbing" attacks: https://owasp.org/www-community/attacks/Reverse_Tabnabbing

    While recent, up-to-date browsers ended up (surprisingly recently!) making rel="noopener" the default behaviour (to prevent just that), that shouldn't be assumed to be the case everywhere (and maybe back when the WTF code got implemented that wasn't the case yet).

  • (nodebb)

    If this was written before 1996, I don't see the WTF. (CSS was invented then.)

  • Deeseearr (unregistered) in reply to Rick

    The "UL" tag predates both CSS and "TABLE". Its whole reason for existing is to create a list exactly like this.

    There is no point in history where using a table like this was appropriate.

  • (nodebb) in reply to Deeseearr
    The "UL" tag predates both CSS and "TABLE". Its whole reason for existing is to create a list exactly like this.

    There is no point in history where using a table like this was appropriate.

    Correct.

  • Erk (unregistered)

    This smells of 90ies. I remember using tables for everything. It was horrid, and I'm sure those "solutions" will be on display when I try to pass the pearly gates...

  • Duke of New York (unregistered) in reply to Anthony

    Exactly. The Verdana font style is a tip-off that this is the work of a "helpful" web design tool.

  • Someone Else (unregistered)

    Not too long ago i was dealing with a website where the original developer had, instead of using <ul> tag they instead used a <p> tag, and then had CSS draw a circle & insert it :before the <p> tag.

    So basically, they were trying to invent their own <ul> tag, which was a CSS class on a <p> tag.

    but of course, this implementation on the <p> tag was messy in layout compared to <ul> tag, as a <ul> tag includes tabs in the layout (which obviously the original developer didn't include in the CSS).

  • Klimax (unregistered) in reply to Deeseearr

    Unless you want custom bullet points. (Yes, I saw it abused that way including with usage of marquee to have a basic animation) BTW: Don't look. Quite many modern-looking sites still (ab)use tables for layout...

Leave a comment on “A List of Mistakes”

Log In or post as a guest

Replying to comment #:

Log Out

« Return to Article