675,865 reviews,
402 today

Master Chief · 07-11-2003, 07:20 AM

Im trying to get rid of the tabels/borders from the following image and code. Its from PostNuke Clanimo
Anyhelp is greatly appreciated. Note the arrows.

Code:

<html>

<head>
<title>ClanIMO</title>
</head>

<body text="#ecf0f6" vLink="#333333" aLink="#999999" link="#666666" bgColor="#ffffff" leftMargin="0" topMargin="0" rightMargin="0" marginheight="0" marginwidth="0">

<table width="961" border="2" align="center" cellpadding="0" cellSpacing="0" bordercolor="#6699CC" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <tr valign="top" bgcolor="#FFFFFF"> 
    <td colspan="6"><img border="0" src="<?php echo $imgpath; ?>logo.gif" alt="AutoTheme"> 
      <table background="<?php echo $imgpath; ?>bg.gif" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr> 
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>home.gif" alt="Home"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>account.gif" alt="Your Account"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>downloads.gif" alt="Downloads"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>weblinks.gif" alt="Gallery"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>topics.gif" alt="Clans"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>top10.gif" alt="Forums"></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="17" valign="top" bgcolor="#FFFFFF"> 
      <!-- [left-blocks] -->
    </td>
    <td bgColor="#FFFFFF" width="1">&nbsp;</td>
    <td width="1002" align="center" valign="top" bgColor="#FFFFFF"> 
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <!-- [center-blocks] -->
          </td>
        </tr>
        <tr> 
          <td> 
            <!-- [area1-blocks] -->
          </td>
        </tr>
      </table>
      <!-- [modules] -->
    </td>
    <td bgColor="#FFFFFF" width="1">&nbsp;</td>
    <td width="17" valign="top" bgColor="#FFFFFF"> 
      <!-- [right-blocks] -->
    </td>
  </tr>
  <tr> 
    <td bgcolor="#FFFFFF">&nbsp;</td>
    <td bgColor="#FFFFFF" width="1">&nbsp;</td>
    <td bgColor="#FFFFFF" width="1002">&nbsp; </td>
    <td bgColor="#FFFFFF" width="1">&nbsp;</td>
    <td bgColor="#FFFFFF">&nbsp;</td>
  </tr>
</table>
<table width="961" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#6699CC">
  <tr>
    <td width="100%" bgcolor="#638ABF" align="center">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#638ABF" align="center">&nbsp; 
      <!-- [footer-msg] -->
    </td>
  </tr>
</table>

</body>

</html>

bwcc · 07-11-2003, 08:27 AM

Looks like just a matter of splitting your tables up even more than they are. The first table here, set that to border=0 and then add a table above that line with the border=2. That will set your outside border for the page. Then, just do table w/in a table to set the borders the way you want them. It's a bit of extra code, but as long as you label your tables (using <!-- comments), it should make editing them later on easier.

You may also want to look at : http://htmlgoodies.earthweb.com/tuto...l4_tables.html

for some 4.0 Table commands that also may help you acheive the borders you want.

Master Chief · 07-11-2003, 08:47 AM

The borders w/ the arrows from my jpg are the ones I want to get rid of. I only want the border that goes around the whole page like www.clanimo.com, I want to replicate that page.

cryptoguy · 07-11-2003, 08:51 AM

I don't think it's possible in one table for one cell to have a border and for another one not to, I may be mistaken

crouse · 07-11-2003, 10:36 AM

MasterChief ......... try this......

Code:

<html>

<head>
<title>ClanIMO</title>
</head>
<!-- original text color was #ecf0f6 Inserted BLACK for ease of hacking -->
<body text="BLACK" vLink="#333333" aLink="#999999" link="#666666" bgColor="#ffffff" leftMargin="0" topMargin="0" rightMargin="0" marginheight="0" marginwidth="0">


<!-- NEW table to add border around outside edges -->
<br><br>
<table width="95%" align="center" border="3" bordercolor="darkblue" cellpadding="2">
<tr>
<td>
<!-- end top part of new table -->


<!-- changed table border=2 below to table border=0 -->
<table width="961" border="0" align="center" cellpadding="0" cellSpacing="0" bordercolor="#6699CC" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <tr valign="top" bgcolor="#FFFFFF"> 
    <td colspan="6"><img border="0" src="<?php echo $imgpath; ?>logo.gif" alt="AutoTheme"> 
      <table background="<?php echo $imgpath; ?>bg.gif" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr> 
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>home.gif" alt="Home"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>account.gif" alt="Your Account"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>downloads.gif" alt="Downloads"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>weblinks.gif" alt="Gallery"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>topics.gif" alt="Clans"></td>
          <td width="16%" height="18" align="center" valign="top"><img border="0" src="<?php echo $imgpath; ?>top10.gif" alt="Forums"></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="17" valign="top" bgcolor="#FFFFFF"> 
      <!-- [left-blocks] -->
Stuff underneath the nav bar..... 11
    </td>
    <td bgColor="#FFFFFF" width="1"> </td>
    <td width="1002" align="center" valign="top" bgColor="#FFFFFF"> 
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
        <tr> 
          <td> 
            <!-- [center-blocks] -->
22
          </td>
        </tr>
        <tr> 
          <td> 
            <!-- [area1-blocks] -->
33
          </td>
        </tr>
      </table>
      <!-- [modules] -->
44
    </td>
    <td bgColor="#FFFFFF" width="1"> </td>
    <td width="17" valign="top" bgColor="#FFFFFF"> 
      <!-- [right-blocks] -->
55
    </td>
  </tr>
  <tr> 
    <td bgcolor="#FFFFFF">66</td>
    <td bgColor="#FFFFFF" width="1">77</td>
    <td bgColor="#FFFFFF" width="1002">88</td>
    <td bgColor="#FFFFFF" width="1"> </td>
    <td bgColor="#FFFFFF">99</td>
  </tr>
</table>
<!-- changed bordercolor="#6699CC" to bordercolor="#638ABF" --> 
<table width="961" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#638ABF">
  <tr>
    <td width="100%" bgcolor="#638ABF" align="center">Lower Section</td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#638ABF" align="center">  
      <!-- [footer-msg] -->
FOOTER
    </td>
  </tr>
</table>


<!-- bottom part of new table -->
</td></tr></table>
<!-- end of bottom of new table -->

</body>

</html>

crouse · 07-11-2003, 10:39 AM

oh yeah... you might need to remove my 11 22 33 etc ...... that was just used to make it easier to view for me......

Master Chief · 07-11-2003, 10:48 AM

Yep that was pretty much it crouse. Its almost done, thanks for doing that. Yet if you look now the blocks dont reach the outside of the main table. Is there way we can get the blocks out there?

crouse · 07-11-2003, 12:02 PM

Code:

<!-- NEW table to add border around outside edges -->
<br><br>
<table width="95%" align="center" border="3" bordercolor="darkblue" cellpadding="2">
<tr>
<td>
<!-- end top part of new table -->


to

<!-- NEW table to add border around outside edges -->
<br><br>
<table width="95%" align="center" border="3" bordercolor="darkblue">
<tr>
<td>
<!-- end top part of new table -->

This should get rid of the cell padding......

Master Chief · 07-11-2003, 12:34 PM

thanks buddy!

675,865 reviews, 402 today

675,865 reviews,
402 today