Table space removing..??

Discussion in 'CSS' started by ceylongeek, Jul 30, 2010.

  1. #1
    Guys :confused: could you please tell me how to remove td spaces around a image using css.

    I have attached a image with this for your ease.



    Thank you very much
     

    Attached Files:

    • exa.jpg
      exa.jpg
      File size:
      23.7 KB
      Views:
      62
    ceylongeek, Jul 30, 2010 IP
  2. Masterful

    Masterful Well-Known Member

    Messages:
    1,653
    Likes Received:
    28
    Best Answers:
    0
    Trophy Points:
    140
    #2
    If you want proper help, post your table's HTML and CSS.
     
    Masterful, Jul 30, 2010 IP
  3. ceylongeek

    ceylongeek Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    My HTML Table code


    <table width="100%" class="table_bd" border="1" height="1000">
       <tr>
        <td rowspan="7"  class="ad_colm_left">
       <p id="left_1"><a href="#" target="_self"><img width="200" src="ads/left/1/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="left_2"><a href="#" target="_self"><img width="200" src="ads/left/2/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="left_3"><a href="#" target="_self"><img width="200" src="ads/left/3/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="left_4"><a href="#" target="_self"><img width="200" src="ads/left/4/ad.png" title="<?php echo this_ad?>"/></p>
        	
        </td>
        <td  class="lb"><table>
          <tr>
            <td class="a"><a href="#" target="_self"><img src="bag/a/0.png" width="290" title="<?php echo menu_news_snews?>"/></td>
          </tr>
          <tr>
            <td class="b"><a href="#" target="_self"><img src="bag/b/0.png" width="290" title="<?php echo menu_news_enews?>"/></td>
          </tr>
          <tr>
            <td class="c"><a href="#" target="_self"><img src="bag/c/0.png" width="290" title="<?php echo menu_news_opapers?>"/></td>
          </tr>
          <tr>
            <td class="d"><a href="#" target="_self"><img width="290" src="bag/d/0.png"/></td>
          </tr>
        </table></td>
        <td  class="rb"><table>
          <tr>
            <td width="171" class="g"><a href="#" target="_self"><img  width="290" src="bag/g/0.png"/></td>
          </tr>
          <tr>
            <td class="h"><a href="#" target="_self"><img  width="290" src="bag/h/0.png"/></td>
          </tr>
          <tr>
            <td class="i"><a href="#" target="_self"><img src="bag/i/0.png" width="290" title="<?php echo ada_udarata?>"/></td>
          </tr>
          <tr>
            <td class="j"><a href="#" target="_self"><img  width="290" src="bag/j/0.png"/></td>
          </tr>
          <tr>
            <td class="k"><a href="#" target="_self"><img  width="290" src="bag/k/0.png"/></td>
          </tr>
          <tr>
            <td class="l"><a href="#" target="_self"><img  width="290" height="25" src="bag/l/0.png"/></td>
          </tr>
          <tr>
            <td colspan="2" class="x"><table>
              <tr>
                <td class="m"><a href="#" target="_self"><img  width="140" src="bag/m/0.png"/></td>
                <td class="n"><a href="#" target="_self"><img  width="140" src="bag/n/0.png"/></td>
              </tr>
            </table></td>
            </tr>
          <tr>
            <td colspan="2" class="x"><table>
              <tr>
                <td class="o"><a href="#" target="_self"><img  width="140" src="bag/o/0.png"/></td>
                <td class="p"><a href="#" target="_self"><img  width="140" src="bag/p/0.png"/></td>
              </tr>
            </table></td>
            </tr>
          <tr>
            <td class="q"><a href="#" target="_self"><img  width="290" src="bag/q/0.png"/></td>
          </tr>
      
        </table></td>
        <td rowspan="4" class="ad_colm_right">
      <p id="right_1"><a href="#" target="_self"><img width="200" src="ads/right/1/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="right_2"><a href="#" target="_self"><img width="200" src="ads/right/2/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="right_3"><a href="#" target="_self"><img width="200" src="ads/right/3/ad.png" title="<?php echo this_ad?>"/></p>
       <p id="right_4"><a href="#" target="_self"><img width="200" src="ads/right/4/ad.png" title="<?php echo this_ad?>"/></p>
        	</td>
       <tr>
         <td colspan="2"  class="v"><table>
           <tr>
             <td class="e"><a href="#" target="_self"><img  width="400" height="50" src="bag/e/0.png"/></td>
             <td class="r"><a href="#" target="_self"><img  width="200" src="bag/r/0.png"/></td>
           </tr>
         </table></td>
       <tr>
         <td colspan="2"  class="w"><table>
           <tr>
             <td class="f"><a href="#" target="_self"><img  width="100" src="bag/f/0.png"/></td>
             <td class="s"><a href="#" target="_self"><img  width="500" src="bag/s/0.png"/></td>
           </tr>
         </table></td>
       <tr>
         <td colspan="2"  class="t"><a href="#" target="_self"><img width="600" src="bag/t/0.png" title="<?php echo our_logos?>"/></td>
    </table>
    HTML:
    My CSS code

    td.ad_colm_left{
    width:212px;
    border:#FF3300;
    border:solid;
    border-width:1px;
    height:auto;}
    
    div.search{
    display:block;
    
    }
    
    
    
    td.ad_colm_right{
    width:212px;
    border:#FF3300;
    border:solid;
    border-width:1px;
    height:auto;
    
    }
    
    
    #left_1{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    margin-top:0px;
    
    }
    
    #left_2{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #left_3{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #left_4{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_1{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    margin-top:1px;
    
    }
    #right_2{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_3{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    #right_4{
    text-align:center;
    height:303px;
    margin-bottom:1px;
    
    }
    
    
    
    td.main{
    width:600px;
    height:auto;
    }
    
    
    table.table_bd{
    border:none;
    height:auto;
    margin-bottom:2px;
    }
    
    
    td.lb{
    width:300px;
    height:auto;
    }
    
    td.rb{
    width:300px;
    height:auto;
    }
    
    td.a{
    text-align:left;
    width:290px;
    height:300px;
    border:none;
    margin-bottom:0px;
    margin-right:0px;
    
    
    
    }
    
    td.b{
    margin:0px;
    text-align:left;
    width:300px;
    height:300px;
    border:none;
    margin-top:0px;
    margin-left:0px;
    
    This final code set repeat for other class tags like c,d,e,f....etc
    Code (markup):
     
    ceylongeek, Jul 30, 2010 IP
  4. ceylongeek

    ceylongeek Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Guys I have attached the result of browser compatibility test.Please help me to fix these errors.I am new to this field so i can't even understand these bugs.Please help me to fix those errors


    Thank you
     

    Attached Files:

    ceylongeek, Jul 30, 2010 IP