html - Space between td's - once again -


i've closed last topic cause havr thought answered, appear now, isn't. link: space between 2 td or tr tags line-height:0; isn't useful here, because @ original work i'm doin' other stuff, , thing is, line-geight combining content small line, except images, guess. know may line-height:0; specific td , not td, main point here rid of space between td's once @ html 4, think. hope some1 know answer thanks!

the ''example''

<table class="main-table-default">     <tr>         <td>             <table class="main-table-header-default">                 <tr>                     <td><img src="http://i1.ytimg.com/vi/oguou5cyiki/hqdefault.jpg" border="0">                     </td>                 </tr>                 <tr>                     <td><img src="http://i1.ytimg.com/vi/oguou5cyiki/hqdefault.jpg" border="0">                     </td>                 </tr>             </table>         </td>     </tr>     <tr>         <td>         </td>     </tr>     <tr>         <td>random text<br><br>         </td>     </tr> </table> 

i've got solution, mean u'll know... it's ugly. way thought solve this, made line-hight 0 specific td, , make line-hight of 100% other td's in specific td, it's crazy... there's must way solve it. other way it's ugly :/

its add reset.css @ start rid of unnecessary spaces. guess haven't done it. time being add following css

css:

table, tbody, tfoot, thead, tr, th, td {              padding: 0;      border: 0;      font-size: 100%;      font: inherit;      vertical-align: baseline; }  table {          border-collapse: collapse;          border-spacing: 0; } 

fiddle: http://jsfiddle.net/kek98/

make sure during start of development, including reset.css


Comments

Popular posts from this blog

jQuery Mobile app not scrolling in Firefox -

c++ - How to add Crypto++ library to Qt project -

php array slice every 2th rule -