SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Non-Member
    Join Date
    Jul 2006
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Tables help needed asap.

    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.

    Code:
    <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>

  2. #2
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try the following:

    #gametbl {
    border-collapse: collapse;
    }
    Olly Hodgson
    thinkdrastic.net

  3. #3
    Non-Member
    Join Date
    Jul 2006
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah - that did it, cheers.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •