Tabulas un to kolonas

[Sephy]

Ir tabala ar 3 kolonam katra savs image. Vajag izdarit taa lai nepaliek atstarpes starp kolonam. Kur problema? Man videjais image ir dinamisks un tapec nevar imantot visadu margin-lef:-10px;

Ir kadas idejas:?

Kods apmeram shitads

 

<div id="right">                              
         <div id="righttop">              
           <table id="buttontable">              
             <tr id="display">              
               <td>
                 <div class="leftside_in1">
                 </div>
               </td>              
               <td id="buttons_in">
         <ul><li>            
           <a href="#">The</a></li><li>            
           <a href="#">The Button</a></li><li>            
           <a href="#">The_Button</a></li>         
         </ul>
               </td>              
               <td>
                 <div class="rightside_in1">
                 </div>
               </td>              
             </tr>            
           </table>               
         </div>                      
         <div id="rightbottom">bhaaaaaaaaw                      
         </div>                          
       </div>            

 

un css

 

  #content{  
 width:100%;
 overflow: auto;
 }

 #left{
 position:relavtive;
 float:left;
 background: url('./left.jpg') repeat-y;
 width:255px;
 }

 #right{
 text-align: center;
 float: right;
 background-color:green;
 width:745px;
 }

 #righttop{
 height:100px;
 background-color:red;
 }


 #foot{
 height:30px;
 width:100%;
 background-color:#898989;
 }
 /*tabula sakas te*/
 #buttontable{
 border-collapse: collapse;
 margin: 0 auto;
 height:32px;
 width: auto;

 }

.leftside_in1{
 background: url('images/iddleleft.jpg') 0 0 no-repeat;
 height:32px;
 width:16px;
 }

 .rightside_in1{
 background: url('images/iddleright.jpg') no-repeat;  
 width:16px;
 height:32px;
 }

 /*link styles*/






/*sections meu styles start*/

#buttons_in ul
{
margin: 0px;
padding: 0px;
}

#buttons_in ul li
{
list-style-type: none;
display: block;
float: left;
line-height: 30px;
}

/*section menu fonts*/
#buttons_in ul li a
{
background: url('images/iddlecenter.jpg') top left repeat-x ;

display: block;
vertical-align: middle;
height: 32px;
float: left;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: #f0f0f0;

}

#buttons_in ul li a span
{

}

#buttons_in ul li a:hover
{
background: url('images/actioncenter.jpg') repeat-x;
color: #353535;
}

 

p.s.

varat nestastit cik to leiliski varetu paviekt ar div... meginaju sakumaa ar to taisit bet kats browseris pilnigi savadak nem centresahna ar dinamiskiem image ;[

[Sephy]

nwm atrisinaju ar margin-left: vienkarshi IE vajag ielikt position:relavtive un viss ok ;]

[marcis]

Labi, ka atrisināji, pats jo es pārlasot vairākas reizes tavu postu, beigās pilnīgi neko nesapratu.