tables help needed asap

Discussion in 'HTML & Website Design' started by crazyryan, Jul 26, 2006.

  1. #1
    The code below can be seen in action on www.heatarcade.com - the middle part with the ads and the ugly border.

    Can anyone edit my table so the table is like www.playsupergames.com where the table has the border and the lines seperating each cell, not like double lines like I have now.

    <style type="text/css">
    #gametbl {
    }
    .icon {
        width: 50px;
        padding: 5px;
        border: 1px solid black;
    }
    .game {
        width: 230px;
        padding: 5px;
        border: 1px solid black;
    }
    </style>
    
    <table id="gametbl">
        <tr>
            <td class="icon"><img src="games/images/ballssmallicon.gif" border="1">
            </td>
            <td class="game"><script type="text/javascript"><!--
    google_ad_client = "pub-3011447867774562";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_ad_type = "text_image";
    google_ad_channel ="1008667024";
    google_color_border = "F6FBEC";
    google_color_bg = "F6FBEC";
    google_color_link = "000000";
    google_color_text = "000000";
    google_color_url = "000000";
    //--></script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
            </td>
    
        </tr>
    <tr>
            <td class="icon"><img src="games/images/kingofthehillsmallicon.jpg">
            </td>
            <td class="game"><font face="verdana" size="1"><u><b>King of the hill</b></u><br />Defend your castle from your enemies. Are you brave enough to take on the challeng?<br /><br /><div align="right"><u>Games by heatarcade</u></div>
            </td>
    
        </tr>
        <tr>
            <td class="icon"><img src="games/images/alias_70x60.jpg" border="1">
            </td>
            <td class="game">real content
            </td>
    
        </tr>
        <tr>
            <td class="icon"><img src="games/images/crashsmallicon.gif" border="1">
            </td>
            <td class="game"><script type="text/javascript"><!--
    google_ad_client = "pub-3011447867774562";
    google_ad_width = 234;
    google_ad_height = 60;
    google_ad_format = "234x60_as";
    google_ad_type = "text_image";
    google_ad_channel ="1008667024";
    google_color_border = "F6FBEC";
    google_color_bg = "F6FBEC";
    google_color_link = "000000";
    google_color_text = "000000";
    google_color_url = "000000";
    //--></script>
    <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
            </td>
    
        </tr>
    </table>
    Code (markup):
     
    crazyryan, Jul 26, 2006 IP
  2. crazyryan

    crazyryan Well-Known Member

    Messages:
    3,087
    Likes Received:
    165
    Best Answers:
    0
    Trophy Points:
    175
    #2
    I added
    #gametbl {
    border-collapse: collapse;
    }

    no longer needed.
     
    crazyryan, Jul 26, 2006 IP