Jako iż nie jestem zbyt dobry w Tworzeniu tabel, postanowiłem wykorzystać je mimo wszystko do tego celu w jakim są stworzone.
Tworzę panel administracyjny i chciałbym dane wyświetlać za pomocą tabeli :
http://www.podliski.pl/Admin-CMS/index.html
Niestety pojawiają się białe "marginesy" których nijak nie potrafię się pozbyć.
Szukałem ... szukałem ... szukałem ponownie.
Po wielu próbach proszę was o pomoc bo niestety nie potrafię tego czegoś usunąć.
Mój kod html wygląda tak :
Kod
<table id="tabela">
<thead>
<tr>
<th>Nr.</th>
<th class="long">Nazwa galerii</th>
<th>Liczba zdjęć</th>
<th>Rozmiar</th>
<th>Opcje</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td class="left">Zdjęcia lokalu</td>
<td>15</td>
<td>15 155 kb</td>
<td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
</tr>
<tr>
<td>2.</td>
<td class="left">Sala bankietowa</td>
<td>22</td>
<td>17 424 kb</td>
<td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th>Nr.</th>
<th class="long">Nazwa galerii</th>
<th>Liczba zdjęć</th>
<th>Rozmiar</th>
<th>Opcje</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td class="left">Zdjęcia lokalu</td>
<td>15</td>
<td>15 155 kb</td>
<td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
</tr>
<tr>
<td>2.</td>
<td class="left">Sala bankietowa</td>
<td>22</td>
<td>17 424 kb</td>
<td><a href="#" class="add">dodaj</a> <a href="#" class="edit">edytuj</a> <a href="#" class="delete">usuń</a></td>
</tr>
</tbody>
</table>
Kod CSS :
Kod
table#tabela {width:679px; font-size:10pt; border:0px; float:left; margin-bottom:10px;}
table#tabela thead {font-size:9pt; color:#373737;}
table#tabela thead tr th.long {width:360px;}
table#tabela tbody tr {background-color:#E8F4F9; border-bottom:1px solid #D0E8F4; margin-top:1px; text-align:center;}
table#tabela tbody tr td {border:0px; margin:0px; height:auto; padding:12px 0 12px 0; color:#5E5E5E; }
table#tabela tbody tr td.left {text-align:left;}
/** znaczniki **/
table#tabela tbody tr td a.add {width:21px; height:22px; background: url(images/btn_add.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
table#tabela tbody tr td a.edit {width:23px; height:22px; background: url(images/btn_edit.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
table#tabela tbody tr td a.delete {width:20px; height:22px; background: url(images/btn_delete.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
table#tabela thead {font-size:9pt; color:#373737;}
table#tabela thead tr th.long {width:360px;}
table#tabela tbody tr {background-color:#E8F4F9; border-bottom:1px solid #D0E8F4; margin-top:1px; text-align:center;}
table#tabela tbody tr td {border:0px; margin:0px; height:auto; padding:12px 0 12px 0; color:#5E5E5E; }
table#tabela tbody tr td.left {text-align:left;}
/** znaczniki **/
table#tabela tbody tr td a.add {width:21px; height:22px; background: url(images/btn_add.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
table#tabela tbody tr td a.edit {width:23px; height:22px; background: url(images/btn_edit.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
table#tabela tbody tr td a.delete {width:20px; height:22px; background: url(images/btn_delete.jpg) no-repeat; float:left; text-indent:-15000px; margin:0 5px 0 15px;}
Osobiście wydaje mi się że poknociłem coś z float'ami, ale niestety nie potrafię tego naprawić.
Z góry dziękuje wszystkim za pomoc
