[Quang Nguyên]

Mình xài blogspot, định xài code table để update thông tin, nhưng code nó không hiện đúng. Cụ thể là ra được cái table nhưng text bên trong không được canh lề, chèn hình vào thì nó không ở giữa...
(ví dụ lỗi: mình xài code để hình 1 bên, chữ 1 bên cũng không hiện code, dù đã copy y nguyên trên hướng dẫn
Nó hiện thế này này

Ai rành code chỉnh giúp mình vụ chèn hình vào table với
400r nha

[Đông]

Mình xài blogspot, định xài code table để update thông tin, nhưng code nó không hiện đúng. Cụ thể là ra được cái table nhưng text bên trong không được canh lề, chèn hình vào thì nó không ở giữa...
(ví dụ lỗi: mình xài code để hình 1 bên, chữ 1 bên cũng không hiện code, dù đã copy y nguyên trên hướng dẫn
Nó hiện thế này này

Ai rành code chỉnh giúp mình vụ chèn hình vào table với

400r nha

cậu quăng code table đây mình xem

[Quang Nguyên]

@Đông
code đây nha

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-s6z2{text-align:center}
</style>

<table class="tg">
  <tbody>
<tr>
    <th class="tg-s6z2" colspan="3" rowspan="3" width="210"><a href="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" imageanchor="1"><img border="0" src="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" width="200" /></a></th>
    <th class="tg-s6z2" colspan="2">test test 1</th>
  </tr>
<tr>
    <td class="tg-s6z2" width="100">test test 2</td>
    <td class="tg-s6z2">test test test 
test test test test test testtest test test test test testtest test testtest test testtest test test 3</td>
  </tr>
<tr>
    <td class="tg-s6z2">test test 4</td>
    <td class="tg-s6z2">test test test 5</td>
  </tr>
<tr>
    <td class="tg-s6z2" colspan="5">test test test 6</td>
  </tr>
<tr>
    <td class="tg-s6z2" colspan="2">test 7</td>
    <td class="tg-s6z2">test 8</td>
    <td class="tg-s6z2">test 9</td>
    <td class="tg-s6z2">test 10</td>
  </tr>
</tbody></table>

[Đông]

@Hinatsuru

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg th, td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;text-align:center; vertical-align:middle;}
</style>

<table class="tg">
  <tbody>
<tr>
    <th colspan="3" rowspan="3"><a href="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" imageanchor="1"><img border="0" src="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" style="width: 200px; max-width: none;"/></a></th>
    <th colspan="2">test test 1</th>
  </tr>
<tr>
    <td width="100">test test 2</td>
    <td>test test test 
test test test test test testtest test test test test testtest test testtest test testtest test test 3</td>
  </tr>
<tr>
    <td>test test 4</td>
    <td>test test test 5</td>
  </tr>
<tr>
    <td colspan="5">test test test 6</td>
  </tr>
<tr>
    <td colspan="2">test 7</td>
    <td>test 8</td>
    <td>test 9</td>
    <td>test 10</td>
  </tr>
</tbody></table>

[Quang Nguyên]

@Đông: aaa cám ơn cậu nhiều lắm d(^^*)
nhưng mà ở dưới hình được chèn nó bị dư 1 khúc nhỏ ấy, cậu sửa lại được không?

đã chuyển rep nha, close topic

[Đông]

@Đông: aaa cám ơn cậu nhiều lắm d(^^*)
nhưng mà ở dưới hình được chèn nó bị dư 1 khúc nhỏ ấy, cậu sửa lại được không?

đã chuyển rep nha, close topic

<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg th, td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:1px;overflow:hidden;text-align:center; vertical-align:middle;}
</style>

<table class="tg">
  <tbody>
<tr>
    <th colspan="3" rowspan="3"><a href="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" imageanchor="1"><img border="0" src="https://vnsharing.site/forum/images/avatars/noava3_zpsf651d900.jpg" style="width: 200px; max-width: none; margin-bottom: 0; vertical-align: middle;"/></a></th>
    <th colspan="2">test test 1</th>
  </tr>
<tr>
    <td width="100">test test 2</td>
    <td>test test test 
test test test test test testtest test test test test testtest test testtest test testtest test test 3</td>
  </tr>
<tr>
    <td>test test 4</td>
    <td>test test test 5</td>
  </tr>
<tr>
    <td colspan="5">test test test 6</td>
  </tr>
<tr>
    <td colspan="2">test 7</td>
    <td>test 8</td>
    <td>test 9</td>
    <td>test 10</td>
  </tr>
</tbody></table>

đây là mình chỉnh cho một ảnh, còn cậu muốn áp dụng cho mọi ảnh trong table thì thêm một dòng nữa trong <style>: .tg img {margin-bottom: 0; vertical-align: middle;}

[Quang Nguyên]

nhìn đẹp rồi, cám ơn cậu lần nữa d(^^*)