walkclothed
New Member
Hi guys. I can't seem to figure this one out. I have this table with a few links in it. I have some extraneous DIV tags in there which mess up how it looks, but can get it looking exactly as I want it when I remove those tags. They serve absolutely no purpose and are remnants from me messing around. However, when I take them out, the links within the table do not work for some reason. Could anyone possibly shed some light on this problem?
is the problem code which comes after the table.
Here is what my page looks like when the div tags are still in there:
and here it is when I take it out...
Which is about what I want, but the links stop working within the table. They just become unclickable. Any ideas?
HTML:
<div class="content"><!-- BEGIN: Content -->
<h2>Yes, Strokes do suck...</h2>
<p>If you have had one, you know what I'm talking about. If you haven't, let's try to keep it that way. Strokes are the third leading cause of death in America and the number one cause of disability. The good news is that there are new advancements and strategies continually being found to help stroke survivors and to continue to improve their quality of life, and even thrive. </p>
<h2>Our goal here at StrokesSuck.com is twofold:</h2>
<p>We desire to <i>inspire</i> you. To offer you <i>hope</i> and <i>encouragement</i>. To put you in touch with other stroke survivors. To let you know you are not alone and that people care. <i>We care</i> and we are here to help you.</p>
<br />
<table width="100%" border="0" align="left">
<tr>
<td width="50%">
<div style="background: #3B5998;padding: 5px;">
<img src="http://www.facebook.com/images/fb_logo_small.png" alt="Facebook"/>
</div>
</td>
<td width="50%">
<div style="background: #3B5998;padding: 5px;">
<img src="messageboard.jpg" alt="Message Board"/>
</div>
</td>
</tr>
<tr>
<td width="50%">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<a href="http://www.facebook.com/pages/Strokes-Suck/218900689078" title="Strokes Suck" target="_blank">
<img src="http://www.facebook.com/profile/pic.php?oid=AAAAAwAgACAAAAAMeph_c93uGQJCWttJCFeq-QDue1rBQ-YNzQLx5_y-lCI-jizNK_-goZA5pM-8DDrQ0w4qSI9O0tHIv0Pmd25eOuvHTA8NcYkEO1qGzFyVAkiaGAtfgqMzw0wgT857hYzq&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Strokes Suck"/>
</a>
</td>
<td valign="middle">
<a href="http://www.facebook.com/pages/Strokes-Suck/218900689078" title="Strokes Suck" target="_blank" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none">
Strokes Suck
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
<td width="50%">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
Message Board Coming Soon!
<img src="http://www.facebook.com/profile/pic.php?oid=AAAAAwAgACAAAAAMeph_c93uGQJCWttJCFeq-QDue1rBQ-YNzQLx5_y-lCI-jizNK_-goZA5pM-8DDrQ0w4qSI9O0tHIv0Pmd25eOuvHTA8NcYkEO1qGzFyVAkiaGAtfgqMzw0wgT857hYzq&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Strokes Suck"/>
</div>
</div>
</td>
</tr>
<tr>
<td width="50%">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td valign="top">
<a href=""http://www.facebook.com/pages/Strokes-Suck/218900689078" title="Strokes Suck UK" target="_blank" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none;"">
<img src="http://www.facebook.com/profile/pic.php?oid=AAAAAwAgACAAAAAMeph_c93uGQJCWttJCFeq-QDue1rBQ-YNzQLx5_y-lCI-jizNK_-goZA5pM-8DDrQ0w4qSI9O0tHIv0Pmd25eOuvHTA8NcYkEO1qGzFyVAkiaGAtfgqMzw0wgT857hYzq&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Strokes Suck UK"/>
</a>
</td>
<td valign="middle">
<a href="http://www.facebook.com/pages/Strokes-Suck/218900689078" title="Strokes Suck UK" target="_blank" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none">
Strokes Suck, UK
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
<td width="50%">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
Chat Room Coming Soon!
<img src="http://www.facebook.com/profile/pic.php?oid=AAAAAwAgACAAAAAMeph_c93uGQJCWttJCFeq-QDue1rBQ-YNzQLx5_y-lCI-jizNK_-goZA5pM-8DDrQ0w4qSI9O0tHIv0Pmd25eOuvHTA8NcYkEO1qGzFyVAkiaGAtfgqMzw0wgT857hYzq&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Strokes Suck"/>
</div>
</div>
</td>
</tr>
</table>
<div style="width: 100%;">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
<div style="background: #FFFFFF;clear: both;display: block;margin: 0px;overflow: hidden;padding: 5px;">
</div>
</div>
</div>
</div>
<br />
<p>We intend to be a continuous growing link to all Stroke related resources such as:</p>
<ul>
<li>Stroke Prevention</li>
<li>Stroke Rehabilitation</li>
<li>Support for stroke survivors, families, and caregivers</li>
<li>New advances in technology to aid in recovery</li>
</ul>
</div>
<div class="footer">
<div class="right">
<a href="http://www.website-hit-counters.com/free-website-submission.html">free search engine submission</a>
<p>© 2009 StrokesSuck.com</p>
<p> </p>
</div>
<p> </p>
<p>Email <a href="mailto:[email protected]">Webmaster</a></p>
</div>
</div>
<script type="text/JavaScript"
src="http://rt.trafficfacts.com/tf.php?k=7202gea28b413dc6d68fe358eb53f897b22f7b877a9f1h5;c=s;v=2">
</script>
<script type="text/JavaScript"><!--
tfObj.process();
--></script>
<noscript><img src="http://rt.trafficfacts.com/ns.php?k=7202gea28b413dc6d68fe358eb53f897b22f7b877a9f1h5" width="1" height="1" alt=""></noscript>
</body>
</html>
HTML:
<div style="width: 100%;">
<div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
<div style="background: #EDEFF4;display: block;padding: 5px;">
<div style="background: #FFFFFF;clear: both;display: block;margin: 0px;overflow: hidden;padding: 5px;">
</div>
</div>
</div>
</div>
is the problem code which comes after the table.
Here is what my page looks like when the div tags are still in there:
and here it is when I take it out...
Which is about what I want, but the links stop working within the table. They just become unclickable. Any ideas?