- ベストアンサー
【Netscape】リンク切れ画像があると、そのスペースがなくなりレイアウトが崩れる
Ｗｅｂ製作の仕事をしています。 ＩＥならリンク切れ画像があってもwidthとheightの指定で画像表示スペースは空白として確保されます。よってページレイアウトの崩れは防止できます。 しかしNetscapeの場合はリンク切れ画像は無視されスペースも確保されません。これが原因でレイアウト崩れが生じることもあるかと思いますが何か対策はありませんでしょうか。 よろしくお願いいたします。 ＊Netscapeは7.1です。
- takosuke88
- お礼率82% (391/476)
- HTML
- 回答数6
- ありがとう数6
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
＞ＩＥならリンク切れ画像があってもwidthとheightの指定で画像表示スペースは空白として確保されます。 imgのstyleにdisplay:block;を加えるとどうですか。
その他の回答 (5)
＞ちなみにNetscapeってaltも表示されませんよね… 表示されませんが、プロパティから取得できます（仕様）。 IMGのaltはポップアップメッセージを表示するための属性ではないので注意してください。
お礼
おお！title属性ですか。これはなぜか使う人少ないですね。私も忘れてました。便利なのでどんどん使わせていただきます。 ありがとうございました。
- goldfox
- ベストアンサー率49% (123/249)
質問者さんとNo.4さんではDOCTYPE宣言が違うんでしょう。 互換モードだとスペースは確保されますが、標準モードでは確保されません。 ＞altも表示されませんよね カーソルを合せると浮かび上がる文字のことでしょうか。（属性値自体は画像が表示されないとき、画像の代わりに表示されます） ツールチップとかバルーン表示とか言うらしいですが、これはブラウザにより表示の仕方が異なるそうです。
お礼
なるほど、DOCTYPE宣言ですか！ 私は、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> でやってましたから。 勉強になりました。
widthとheightを直接指定しても表示スペースは確保されないということですか？ 私も実際に試してみましたが、上手く行きましたよ…？
お礼
そうですか？何かブラウザの設定が違うとか？ 私のほうはデフォルトのままです。 ちなみにNetscapeってaltも表示されませんよね…
- goldfox
- ベストアンサー率49% (123/249)
＞ちなみにこれを使うことで何か副作用とかないですかね。 本来、インライン要素であるimgをpやtableなどのようなブロック要素にするわけですから、<img>の横に<br>なしでテキストを書いても、改行されます。 <img alt="">横に文字が書けます。 <img alt="" style="display:block;">横に書きたい文字が改行されます。
お礼
そうですか。それに気をつけて使ってみます。 どうもありがとうございました。
- chie65536
- ベストアンサー率41% (2512/6032)
枠線無し、線幅無し、セル間空白無しの１行１列のサイズ指定をしてあるテーブルの中に画像を入れてみては？ <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=xxx HEIGHT=xxx> <TR><TD><IMG SRC="xxxxx" BORDER=0 WIDTH=xxx HEIGHT=xxx></TD></TR> </TABLE> テーブルの大きさ指定は、画像の大きさ指定よりも、微妙に数ピクセル分だけ大きく指定しておくのがコツです。
お礼
うーん、そこまでしないとだめですかねえ～ ありがとうございました。
お礼
うーーーん、なるほど！ これはいいですね。簡単ですし。 ちなみにこれを使うことで何か副作用とかないですかね。 ありがとうございました。