Markup Nightmares

[bubblenut]

Just found this on an affiliate's site. Almost made me cry.

<TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  Q-Link</LI></font>                        

  </TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  Receives Digital Terrestrial Signal</LI></font>                        

  </td></TR><TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>

  Integrated Freeview Digital Tuner</LI></font>                        

  </TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  50hz</LI></font>                        

  </td></TR><TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  Nicam Stereo</LI></font>                        

  </TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  Quintrix Flatscreen</LI></font>                        

  </td></TR><TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>

  66cm Screen Size</LI></font>                        

  </TR>                                              

  <td width="50%" colspan="1"><font face="Verdana" size="2" color="#333399"><LI>
  Open Cabinet Supplied</LI></font>                        

  </td></TR>

</tr>

Anyone else come accross anything quite this bad?

Bubble

[piersk]

How about this whole site

[ajdegans]

how would you write that code then bubblenut?

curious😃

[bubblenut]

Originally posted by ajdegans
how would you write that code then bubblenut?

curious😃

Well, this would do much the same. You don't even really need to set the font attributes for the list specifically as it's the same font used almost everywhere else on the page so a simple body { font: 2px Verdana; color: #333399; } would do for the whole page. Also it would be better to put the css in an external file so that it can be cached and save on badwidth.

<style type="text/css">
		ul.attlist {
			font:2px Verdana;
			color:#333399;
		}
</style>
<tr>
	<ul class="attlist">
		<li>Q-Link</li>
		<li>Receives Digital Terrestrial Signal</li>
		<li>Integrated Freeview Digital Tuner</li>
		<li>50hz</li>
		<li>Nicam Stereo</li>
		<li>Quintrix Flatscreen</li>
		<li>66cm Screen Size</li>
		<li>Open Cabinet Supplied</li>
	</ul>
</tr>

[ajdegans]

heh yeah true 🙂 my alternative was a bit like it

somehow i looooove tables:queasy:

[onion2k]

Originally posted by bubblenut

<style type="text/css">
		ul.attlist {
			font:2px Verdana;
			color:#333399;
		}
</style>
<tr>
	<ul class="attlist">
		<li>Q-Link</li>
		<li>Receives Digital Terrestrial Signal</li>
		<li>Integrated Freeview Digital Tuner</li>
		<li>50hz</li>
		<li>Nicam Stereo</li>
		<li>Quintrix Flatscreen</li>
		<li>66cm Screen Size</li>
		<li>Open Cabinet Supplied</li>
	</ul>
</tr>

[/B]

What purpose do those <tr></tr> tags serve?

[ajdegans]

eh never wrote a table?

<table border=0>
  <tr>
    <td>
      &nbsp;
    </td>
  </tr>
</table>

something 🙂

[bubblenut]

Yea, it's just a snippet from a whoole page, which is in one big table. I could have left them out really (and it probably would have made a little more sense) but what the hell.

[goldbug]

Originally posted by bubblenut
Anyone else come accross anything quite this bad?

Bubble

Oh yeah. Our old content generator did manage to use some CSS, but nested tables like there was no tomorrow.
Behold!

Luckily, some nice soul cleaned up the site/markup sometime after the name/org change. 🙂

[Weedpacket]

Originally posted by bubblenut
Anyone else come accross anything quite this bad?

Hands up who can guess where this little nugget came from:

</td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>

<!-- spacer --></td><td width="10"><img width="10" height="1" src="images/space.gif" alt=""></td></tr></table>
<table bgcolor="#FFFFFF" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td width="10"><img width="10" height="1" src="images/space.gif" alt=""></td><td width="100%"><!-- spacer -->

<table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%" align="center"><tr><td>
<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td bgcolor="#DFDFDF" width="175" valign="top" nowrap>

[tekky]

Originally posted by goldbug
Oh yeah. Our old content generator did manage to use some CSS, but nested tables like there was no tomorrow.
Behold!

Luckily, some nice soul cleaned up the site/markup sometime after the name/org change. 🙂

I wonder where you work at now... our filter at work Tag'd that page as "sex" :bemused:

oddly enough, our filter sucks big time... some major news sites are tagged as "opinion" 😕

gotta love the US Gov... and their dedication to "quality" software :glare:

[drawmack]

Originally posted by goldbug
Oh yeah. Our old content generator did manage to use some CSS, but nested tables like there was no tomorrow.
Behold!

Luckily, some nice soul cleaned up the site/markup sometime after the name/org change. 🙂

What do you expect using macromedia crap😃

[goldbug]

Originally posted by tekky
I wonder where you work at now... our filter at work Tag'd that page as "sex" :bemused:

That is funny. Sounds like the filter needs some work.

Originally posted by drawmack
What do you expect using macromedia crap😃

Actually, any macromedia traces were probably in there pre-generator. The generator was some goofy asp/.net dealy that used a plain XML input file to crank out the site. The generator itself wasn't so bad, but its markup sure was.

[tekky]

Originally posted by goldbug
That is funny. Sounds like the filter needs some work.

or they just need to train the NCC (network admin people here) how to properly RUN their stuff...

sad when you can give them a list a usernames and rights for each of those people, and they screw up even reading exactly what you wrote in your email.... :rolleyes:

[BuzzLY]

Weedpacket, shhhhh.... don't air out our dirty laundry...

[dar-k]

<!-- /breadcrumb, nav links -->

<a name="posttop"></a>

<!-- End content area table (CREATED IN HEADER!!) -->

ROFLMAO

[Merve]

<merve_rant>
People seem to have an "as long as it works" attitude. Well, I've got news for you guys: it doesn't always work and it doesn't work in every browser you stupid IE lovers!

(not referring to you guys as stupid IE lovers, just the idiots in this world who can't code a webpage for beans)
</merve_rant>

<weak_grin />

[Paragon]

Originally posted by drawmack
What do you expect using macromedia crap😃

I second that.

[Paragon]

HAH

"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning. "