WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:NN4.7 セル内の余白について

0:[投稿] みか [2002/11/03 02:20 ][環境:WIN+NN わからない]

NN4.7でテーブルの中に画像を配置すると、セルの上に余白ができてしまい、悩んでます。table属性のcellpadding="0",cellspacing="0"とtd属性のvalign="top"とcssでmargin:0;,padding:0;にしてますが、ダメです・・・。どなたか余白を無くす方法を教えて頂けないでしょうか?


1:[回答] 薫 [2002/11/03 16:33 ]

予想ですが、改行が半角スペースになっているのかも知れません。

<TD>
<IMG SRC=〜.gif>
</TD>
のように、改行していないでしょうか?


2:[回答] みか [2002/11/03 23:49 ]

レスありがとうございます。
改行は入れてなくて、
<tr>
<td><img></tr>
</tr>
のようにしています・・・。


3:[回答] 謎の人R [2002/11/04 02:54 ]

> table属性のcellpadding="0",cellspacing="0"

確認ですが、border="0" は指定してますか?

例)
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img></td>
</tr>
<tr>
<td><img></td>
</tr>
</table>

※ソースのせるなら、table から全部のほうがよいですよ。


4:[回答] みか [2002/11/04 09:08 ]

レスありがとうございます。tableのboderは0にしていましたが、
謎の人R 様のご指摘を受けて、imgのborderを設定していないことに気がついたので、修正しました。でもダメです・・・。
ソースはこんな感じです。
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<table width="640" height="70" border="0" cellpadding="0" cellspacing="0">
    <tr valign="top">
        <td><img src="images/menu_01.gif" width="87" height="50" border="0"></td>
        <td><img src="images/menu_02.gif" width="106" height="50" border="0"></td>
        <td><img src="images/menu_03.gif" width="106" height="50" border="0"></td>
        <td><img src="images/menu_04.gif" width="106" height="50" border="0"></td>
        <td><img src="images/menu_05.gif" width="105" height="50" border="0"></td>
        <td><img src="images/menu_06.gif" width="130" height="50" border="0"></td>
    </tr>
    <tr valign="top">
        <td><img src="images/menu_07.gif" width="87" height="20" border="0"></td>
        <td><a href="setumei.html" target="main"onmouseover="changeImages('menu_08', 'images/menu_08-over.gif'); return true;"onmouseout="changeImages('menu_08', 'images/menu_08.gif'); return true;"><img name="menu_08" src="images/menu_08.gif" width="106" height="20" border="0"></a></td>
        <td><a href="toiawase.html" target="main"onmouseover="changeImages('menu_09', 'images/menu_09-over.gif'); return true;"onmouseout="changeImages('menu_09', 'images/menu_09.gif'); return true;"><img name="menu_09" src="images/menu_09.gif" width="106" height="20" border="0"></a></td>
        <td><a href="gaiyou.html" target="main"onmouseover="changeImages('menu_10', 'images/menu_10-over.gif'); return true;"onmouseout="changeImages('menu_10', 'images/menu_10.gif'); return true;"><img name="menu_10" src="images/menu_10.gif" width="106" height="20" border="0"></a></td>
        <td><a href="top.html" target="main"onmouseover="changeImages('menu_11', 'images/menu_11-over.gif'); return true;"onmouseout="changeImages('menu_11', 'images/menu_11.gif'); return true;"><img name="menu_11" src="images/menu_11.gif" width="105" height="20" border="0"></a></td>
        <td><img src="images/menu_12.gif" width="130" height="20" border="0"></td>
    </tr>
</table>
</body>


5:[回答] 薫 [2002/11/04 10:44 ]

ソースをコピペしてtestしてみました(MAC/NC4.7 & 6)が、
余白は入らなかったです。

1. 何かのCSSが悪さをしている
2. 実は画像に余白がついている
とか?くらいしか思い付かないですね....

あと、関係無さそうな気はしますが、
<img>に、vspace=0 hspace=0 を入れてみてはどうでしょうか。


6:[完了] みか [2002/11/05 00:00 ]

レスありがとうございます。薫様の御指摘通り、スタイルシートが原因でした。
td{
font-size:14px;
letter-spacing:2px;
line-height:150%;
margin:0px;
padding:0px;
}
という指定をしていました。line-height:150%;が悪さをしていたみたいです。いろいろと、ありがとうございました!!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World