This is God's way of getting back at me

programming web dev
1

I mean I am in table hell. At my new job I am the Creative Director, but I chose to take a more hands on approach to management. So I get in and design. Well we are converting our intranet and branding due to a merger. Anyway man look at this code…

<table width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td bgcolor="#FCD848"><img src="/common_graphics/clear.gif" width="5" height="1" border="0"></td>
        <td width="280" bgcolor="#FCD848" valign="top" align="left"><!-- Golden Box content --> 
        <p class="bodyTextBold"> <img src="/common_graphics/clear.gif" width="1" height="5" border="0"><br>
        Take Action:<br>
        <img src="/common_graphics/clear.gif" width="1" height="3" border="0"><br>


<!-- DROP-DOWN NAVIGATION MENU -->

<!--#include file="includes/dm_Take_Actions_inc.asp"-->

       
<br>
        <img src="/common_graphics/clear.gif" width="1" height="5" border="0"><br>
        </td>
        <td width="1" rowspan="2"><img src="/common_graphics/clear.gif" width="1" height="1" border="0"></td>
        <td width="250" rowspan="2" valign="top" align="left">
        <table width="255" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td width="11" bgcolor="#CCCCCC"><img src="/common_graphics/clear.gif" width="5" height="1" border="0"></td>
            <td valign="top" align="left" width="239" bgcolor="#CCCCCC"><!-- Right Column Gray Box content --> 
            <p class="email"> <img src="/common_graphics/clear.gif" width="1" height="5" border="0"><br>
            <a href="javascript:printme()" title="Printer Friendly Version">Print This Page</a><br>
            <a href="/spd/disabilityBenefits/">Refer to Disability Plan SPDs</a><br>
&nbsp;</p>
            </td>
          </tr>
          <tr>
            <td colspan="2" width="250" height="1" bgcolor="#ffffff"><img src="/common_graphics/clear.gif" width="250" height="1" border="0"></td>
          </tr>
          <tr>
             <td width="11"><img src="/common_graphics/clear.gif" width="5" height="1" border="0"></td>
            <td width="239"><img src="/common_graphics/clear.gif" width="1" height="5" border="0"><br>
            &nbsp;</td>
            <td width="5"><img src="/common_graphics/clear.gif" width="5" height="1" border="0"></td>
          </tr>
        </table>

Now all of this just to show a dropdown in one cell 1px space and a few links in another cell. I cleaned this up in one page and applied this

<table width=100% cellpadding=0 cellspacing=0 border=0>
	  	<tr>
			<td id="takeAction"> 
		    	<!---<p id="bodyTextBold"> Take Action:</p>--->
				<p class="txtDkBlueBold"> Take Action:</p>
			  <!--#include file="includes/dm_Take_Actions_inc.asp"-->
			  </td>
		  	<td width="1px" bgcolor="white">
				<img src="/common_graphics/clear.gif" width=1 height=1 border=0>
			</td>
		  	<td id="quickLink">
				<a href="javascript:printme()" title="Printer Friendly Version">Print This Page</a><br>
				<a href="/disabilitymanagement/pdf/DM123104.pdf">Print Entire Site (PDF file)</a><br>
				<a href="/spd/disabilityBenefits/">Refer to Disability Plan SPDs</a><br>
			</td>
		</tr>

	  </table>

And even this can be optimized a bit with a border-left (I think I will do that now.). But this is the killer. That particular code snippet needs to be replaced on 400+ pages and it is not always as simple as cut and paste because some pages have crazy nesting.

I am not knocking tables, But for the love of God people at least learn how to use them. And notice the   they used to replace padding…:lol:

Just venting my frustration. :fight: :worried: