rain13 Posted December 29, 2010 Share Posted December 29, 2010 I cant find out what causes this: When you look at space between thumbnails (picture with blue border), you see that in direction left to right thumbnails have more space between each other than in direction up to down.How can I make free space between thumbnails equal in both direction?Preview:http://autoit.pri.ee/2010/gallerry.php?p=0Table starts at <!-- Main table Start--> <HTML> <HEAD> <style TYPE="text/css"> body { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #222222; margin: 0px; padding: 0px; background: #ffffff url(bg.gif) repeat-x; } a { text-decoration: none; } a:link { text-decoration: none; color: #999999; } a:visited { text-decoration: none; color: #999999; } a:hover { text-decoration: none; color: #089EFD; } .thumb { background-color: #d8e3ed; border: 1px solid #ffffff; } .infotable { border: 1px solid #88a8ca; border-collapse: collapse; } .container1 a img { vertical-align: bottom; margin: 1px; border: solid 1px #cccccc; } .container1 a:hover img { border-color: #ffffff; } .container1 a:hover { /* wakeup IE */ border-width: 0; } </style> </HEAD> </BODY><!-- Pages list Start --><table border="1" cellpadding="2" cellspacing="0" align="center" class="infotable"> <tbody> <tr> <td><a href="?p=0">0</a>|<a href="?p=1">1</a>|<a href="?p=2">2</a>|<a href="?p=3">3</a>|<a href="?p=4">4</a>|<a href="?p=5">5</a>|<a href="?p=6">6</a>|<a href="?p=7">7</a>|<a href="?p=8">8</a>|<a href="?p=9">9</a>|<a href="?p=10">10</a>|<a href="?p=11">11</a>|<a href="?p=12">12</a>|<a href="?p=13">13</a>|<a href="?p=14">14</a>|<a href="?p=15">15</a>|<a href="?p=16">16</a>|<a href="?p=17">17</a>|<a href="?p=18">18</a>|<a href="?p=19">19</a>|<a href="?p=20">20</a>|<a href="?p=21">21</a>|<a href="?p=22">22</a>|<a href="?p=23">23</a>|<a href="?p=24">24</a>|<a href="?p=25">25</a>|<a href="?p=26">26</a>|<a href="?p=27">27</a>|</td> </tr> </tbody></table><!-- Pages list End--><!-- Main table Start--><table align="center" cellpadding="0" cellspacing="6" border="0" bgcolor=transparent><tr><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="276.jpg"><img src="thumbs/276.jpg" alt="276.jpg" title="276.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="60.jpg"><img src="thumbs/60.jpg" alt="60.jpg" title="60.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="66.jpg"><img src="thumbs/66.jpg" alt="66.jpg" title="66.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="390.jpg"><img src="thumbs/390.jpg" alt="390.jpg" title="390.jpg" height="180" width="240"/></td></tr></tbody></table></th></tr><tr><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="455.jpg"><img src="thumbs/455.jpg" alt="455.jpg" title="455.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="468.jpg"><img src="thumbs/468.jpg" alt="468.jpg" title="468.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="IMGP0073.JPG"><img src="thumbs/IMGP0073.JPG" alt="IMGP0073.JPG" title="IMGP0073.JPG" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="341.jpg"><img src="thumbs/341.jpg" alt="341.jpg" title="341.jpg" height="180" width="240"/></td></tr></tbody></table></th></tr><tr><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="149.jpg"><img src="thumbs/149.jpg" alt="149.jpg" title="149.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="399.jpg"><img src="thumbs/399.jpg" alt="399.jpg" title="399.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="384.jpg"><img src="thumbs/384.jpg" alt="384.jpg" title="384.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="82.jpg"><img src="thumbs/82.jpg" alt="82.jpg" title="82.jpg" height="180" width="240"/></td></tr></tbody></table></th></tr><tr><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="251.jpg"><img src="thumbs/251.jpg" alt="251.jpg" title="251.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="183.jpg"><img src="thumbs/183.jpg" alt="183.jpg" title="183.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="174.jpg"><img src="thumbs/174.jpg" alt="174.jpg" title="174.jpg" height="180" width="240"/></td></tr></tbody></table></th><th style="width: 275; height: 206;" class="container1";> <table align="center" border="0" cellpadding="0" cellspacing="0" width="266"><tbody><tr><td style="width: 266px; height: 206px; margin-left: auto; margin-right: auto; text-align: center;" class="thumb"><a href="461.jpg"><img src="thumbs/461.jpg" alt="461.jpg" title="461.jpg" height="180" width="240"/></td></tr></tbody></table></th></tr></table><!-- Main table End--> </BODY></HTML> Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.