ベストアンサー

テーブル幅を完全に指定したい

2008/02/06 20:21

テーブル幅の指定方法を教えてください。以下のような記述のテーブルを何列も羅列して表を作ろうと思っています。 alt="小A"～alt="小D" のところは項目ごとのアイコン画像が入り、その項目に該当するものが無い場合は空白となるような表です。実際にブラウザで表示してみると、widthの設定はしているのに、空白をつくると若干ですが横幅が変わってしまい、表として並べたときにそのズレが目立ちます。何がいけないのか、お知恵を拝借できませんでしょうか。宜しくお願い致します。以下、その表の一部であるテーブルになります。 <table bordercolor="#ffffff" width="520" height="80" align="center" cellspacing="3"> <tr><td bgcolor="#ffcccc"> <table> <tr> <td width="100" bgcolor="#ffcccc" align="center" valign="middle"> <a href="★" target="_blank"><img src="■.gif" width="80" height="60" border="0" class="pict"/></a> </td> <td width="260" align="left" valign="center"> あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよ </td> <td valign="center"> <img alt="中" src="■.gif" width="80" height="60" class="pict" /> </td> <td width="25"><a href="★" target="_blank"><img alt="小A" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小B" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小C" src="■.gif" width="25" height="60" class="pict" /></a></td> <td width="25"><a href="★" target="_blank"><img alt="小D" src="■.gif" width="25" height="60" class="pict" /></a></a></td> </tr> </table></td></tr></table>