画像の下の大きな余白をなくすには？

質問

HTMLで自力でホームページを作成しております。

以下のURLなのですが。

http://yobiko-room.com/

ご覧の通り画像の下に大きな余白ができてしまいます。
この余白をなくにはどうしたらよろしいでしょうか？

ホームページのソースをご覧いただき、説明していただける方、よろしくお願いします。

回答No.1

hitomura · ベストアンサー

他に言いたいことは山ほどありますが、とりあえずご質問の件について。

スタイルシートのコメントにある指示に従え。

お礼

回答ありがとうございました。
基本的なことで恐れ入ります。
おかげさまで解決しましたが、その他おっしゃりたいことがありましたら是非ともお願いいたします。

回答No.2

ORUKA1951

＞ホームページのソースをご覧いただき、説明していただける方、よろしくお願いします。
　基本的なことは、
　⇒Another HTML Lint - Gateway ( http://www.htmllint.net/html-lint/htmllint.html )
ですべて教えてくれる。100点満点でないにしても、その近くにはしよう。

取り合えず、tableでデザインすることだけは止めましょう。
　⇒単に文書内容を整形する目的だけで表を用いるべきでない。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )
　⇒ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )
　1999年のHTML4.01の勧告以来、15年・・・いくらなんでも・・

お礼

回答ありがとうございます。

tableをページのレイアウトに乱用しすぎたということですね。
このたびは誠に基本的なことで解決しましたが、こちらの回答も今後参考にさせていただきます。