The #1 thing that made my soul weep today:

[hope]

Discovering this in a template for one of work's webapps:

  <table>
   <tr>
     <td width="99%"><div class="header1">Page Heading</div></td>
     <td width="1%"><img src="static/images/1x1_transparent.gif"/></td>
     <td width="150"> </td>
   </tr>
 </table>

Yes. That is the markup they have given a PAGE HEADING. It serves no other purpose. JUST A PAGE HEADING.

ETA: for those playing at home, here's what a standards-compliant, semantically marked-up, beautiful page heading looks like under its skirts:

<h1>Page Heading</h1>


Comments

[james]

But tables are pretty!

*ducks*

(Don't think about writing an IT-esque Tochwood AU where Ianto is a coder who snarls at stuff like this and Jack is the office manager who thinks Ianto is adorable and Toshiko is actually the company's server and seems eerily sentient and Owen is another coder who just likes to come in, hack out code, and go home and Gwen is the new office girl and don't think about it.)

[hope]

Tables are only pretty if they are displaying DATA. The same way I would judge you if you decided to publish your story in an excel spreadsheet *glares*

I think Toshiko is the boss and she makes her code monkeys wear fetish gear when they're on the job. She rules with a rubber fist.

[james]

Now I want to write some Ianto/Jack porn and publish it in a spreadsheet. Just to make you read it.

[msilverstar]

TOSH the RULER of the UNIVERSE!

[slashfairy]

*not amused* at code.
*very amused* at comments above.

[xtricks.livejournal.com]

Did they give it a class and a name so it could be tweaked via CSS?

(reavealing my ignorance here)

[hope]

Pretty much every HTML tag can be styled and positioned via CSS. The first example has several probs in it that should have been handled in CSS:

- It's in a table - HTML table code is misused for layout when people are going for a page style that has a grid-like structure, when it's perfectly possible to do this with CSS

- There is a CSS class assigned to the page heading - the <div class="header1"> - this is bad because the <h1> html tag exists to semantically define page headings at this level

- They have put styling markup and unnecessary images into the table as well to give it extra padding - the 1x1transparent.gif and width="150"

So, here's what the correct markup and styling should look like to get the same thing:

In the HTML document:

<h1>Page Heading</h1>

In the associated stylesheet:

h1 { margin-right: 151px; }


[eyebrowofdoom.livejournal.com]

1996 called. It wants its metallic 3D button back.

[eyebrowofdoom.livejournal.com]

Also wtf is 99% + 1% + 150 supposed to add up to?

MADNESS ITSELF, that's what.

[hope]

I DON'T KNOW. Hold me?