Go back to previous page
Forum URL: http://www.dombom.com/cgi-bin/dcforum/dcboard.cgi
Forum Name: The New MadBomber Marketing and SEO Forum
Topic ID: 14
Message ID: 12
#12, Let's add some tables
Posted by Kurt on Jun-01-05 at 04:09 PM
In response to message #10
I assume you've downloaded the NASA pages...

Next, we find that we've forgotten to add AdSense, and worse, left out any tables to put "side" adsense in.

First, we need a couple of "markers" that is on each page, and is in the correct spot.

I'll use the header graphic html as the first one:
<center><IMG src="nasa-header.jpg"></center>

And the ending body tag as the other:
</body>


Also, we need the basic html for a table, I'll use a table with two columns and two rows:


<TABLE BORDER CELLPADDING="2">
<TR>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
</TR>
</TABLE>

Now add some unique numbers to the TD tags, so each is different and you can search/replace each "cell" individually:


<TABLE BORDER CELLPADDING="2">
<TR>
<TD>111</TD>
<TD>222</TD>
</TR>
<TR>
<TD>333</TD>
<TD>444</TD>
</TR>
</TABLE>

Now's the tricky part, we need to split the table html into two parts, and replace using our two markers.


First step:
Find:
<center><IMG src="nasa-header.jpg"></center>

Replacez: (Keep everything on same line)
<center><IMG src="nasa-header.jpg"></center><TABLE BORDER CELLPADDING="2"><TR><TD>

Second step:
Find:
</body>

Replacez: This is the rest of html, all on one line.
</TD><TD>222</TD></TR><TR><TD>333</TD><TD>444</TD></TR></TABLE></body>

Note that I re-included the </body> tag...

You should now have all your content in tables and can insert content into each table cell using search/replace the strings:
<TD>222</TD>
<TD>333</TD>
<TD>444</TD>

Want to make all your table cells "align to the top", then:
Find:
<TR>

Replacez:
<TR valign="top">

To add your Adsense:
Find:
<TD>222</TD>

Replacez:
<TD>Insert your adsense code</TD>
(tagz may work better)

Of course, all of these steps would be much easier if you just included them in your original template and html code, but this is an example of how you can manipulate layout and text using Tuelz.