テーブルタグについて質問です。
簡単なテーブルでスイスの国旗を描いてみたのですが、
縦方向(行方向?)に隙間が空いてしまいます。
これをぴっちり詰めてレンダリングさせる書き方はないものでしょうか?
<table width="400px" height="400px" align="center" border="0">
<tr>
<td bgcolor="#E60012" height="80px" colspan="5" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#FFFFFF" width="80px" height="80px" cellpadding="0" cellspacing="0"></td>
<td bgcolor="#E60012" width="80px" height="80px" colspan="2" cellpadding="0" cellspacing="0"></td>
</tr>
<tr>
<td bgcolor="#E60012" width="20%" height="80px" colspan="5" cellpadding="0" cellspacing="0"></td>
</tr>
</table>
σ(゚o゚)<僕スカ?
tableにcellspacing="0"の属性を追加。
おわり
よし、僕も明日の朝ごはんを聞くスレを立てちゃうぞ!
じゃないか。
<div style="text-align:center">
<table style="margin-left:auto; margin-right:auto;" cellspacing="0" 〜略〜 </table>
</div>
テーブルアートか。なつかしい。