掲示板の入力フォームのずれ。

質問

掲示板の入力フォームの「お名前、題名…」とかの見出しに替えて、自作ロゴを画像で入れてみたのですが、入力フォームの各窓が、ロゴから思い切り右に離れてずれてしまいました。

例えば、名前欄については、下記のように書いているのですが、どうすればよいでしょうか。

<TR>
<TD><IMG SRC="●●●.gif"</TD>
<TD><INPUT TYPE=text NAME=name SIZE=50></TD>
</TR>

お願いします。

回答No.3

Yumikoit · ベストアンサー

スタイルシートを使ってINPUT や FORM のMARGIN／Padding属性を設定したらどうでしょうか？
http://tohoho.wakusei.ne.jp/css/index.htm

お礼

再度ありがとうございます。
テーブルの枠線を表示して確認したところ、入力フォームの最後の見出しと窓が</TD>で区切られていなかったため、このような事態になったことが判明しました。
これにより、思った通りに表示させることができました。
初歩的ミスで申し訳ございません。

でも、お２人のご回答がこのことに気づくきっかけになりましたので、お礼の意味も込めて、ポイント出させていただきます。重ねがさねありがとうございました。

回答No.2

osamuy

》<TD><IMG SRC="●●●.gif"</TD>

タグimgが正しく閉じられていないですが、これは質問時のtypoですか?

CSSや各要素の属性で、widthやらalignとかをきっちり指定してみるとか。
それでも直せなかった場合は、画像使うのやめて元に戻すというのも、適切な解決策ではないかと。

補足

ご回答ありがとうございます。
タグimgが閉じられていない点は問題ないようです。
（一応閉じましたが。）

widthやalignはやってみましたが、とにかく、入力フォームの窓が右に寄ったきりで全く変化しません。

解決法がみつからない場合、画像使うのやめますが。。。

回答No.1

Yumikoit

align属性で、画像を右にそろえてあげてはいかがでしょうか？
<TR>
<TD align=right><IMG SRC="●●●.gif"></TD>
<TD><INPUT TYPE=text NAME=name SIZE=50></TD>
</TR>

補足

回答ありがとうございます。
上記のようにalign=rightにすると、全部が右に寄りすぎてしまいます。
むしろ、自作ロゴの位置はそのままで、入力フォームの窓の位置をもっと左に寄せたいのですが。
align=leftでは変化無しです。
初心者ですが、よろしくお願いします。