【Netscape】リンク切れ画像があると、そのスペースがなくなりレイアウトが崩れる

解決済

質問者：takosuke88
質問日時：2006/03/18 12:30
回答数：6件

Ｗｅｂ製作の仕事をしています。
ＩＥならリンク切れ画像があってもwidthとheightの指定で画像表示スペースは空白として確保されます。よってページレイアウトの崩れは防止できます。
しかしNetscapeの場合はリンク切れ画像は無視されスペースも確保されません。これが原因でレイアウト崩れが生じることもあるかと思いますが何か対策はありませんでしょうか。
よろしくお願いいたします。

＊Netscapeは7.1です。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： goldfox
回答日時：2006/03/18 18:56

＞ＩＥならリンク切れ画像があってもwidthとheightの指定で画像表示スペースは空白として確保されます。

imgのstyleにdisplay:block;を加えるとどうですか。

- 0
- 件

通報する

この回答へのお礼

うーーーん、なるほど！
これはいいですね。簡単ですし。
ちなみにこれを使うことで何か副作用とかないですかね。
ありがとうございました。

通報する

お礼日時：2006/03/18 19:32

No.6

回答者： noname#19206
回答日時：2006/03/20 19:01

＞ちなみにNetscapeってaltも表示されませんよね…

表示されませんが、プロパティから取得できます（仕様）。
IMGのaltはポップアップメッセージを表示するための属性ではないので注意してください。

参考URL：http://www.mozilla.gr.jp/standards/webtips0024.h …

- 0
- 件

通報する

この回答へのお礼

おお！title属性ですか。これはなぜか使う人少ないですね。私も忘れてました。便利なのでどんどん使わせていただきます。
ありがとうございました。

通報する

お礼日時：2006/03/21 11:03

No.5

回答者： goldfox
回答日時：2006/03/19 19:52

質問者さんとNo.4さんではDOCTYPE宣言が違うんでしょう。

互換モードだとスペースは確保されますが、標準モードでは確保されません。

＞altも表示されませんよね
カーソルを合せると浮かび上がる文字のことでしょうか。（属性値自体は画像が表示されないとき、画像の代わりに表示されます）
ツールチップとかバルーン表示とか言うらしいですが、これはブラウザにより表示の仕方が異なるそうです。

参考URL：http://w3j.org/articles/practicalaccessiblehtml/ …

- 0
- 件

通報する

この回答へのお礼

なるほど、DOCTYPE宣言ですか！
私は、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
でやってましたから。
勉強になりました。

通報する

お礼日時：2006/03/21 10:55

No.4

回答者： noname#19206
回答日時：2006/03/19 17:16

widthとheightを直接指定しても表示スペースは確保されないということですか？

私も実際に試してみましたが、上手く行きましたよ…？

- 0
- 件

通報する

この回答へのお礼

そうですか？何かブラウザの設定が違うとか？
私のほうはデフォルトのままです。
ちなみにNetscapeってaltも表示されませんよね…

通報する

お礼日時：2006/03/19 18:31

No.3

回答者： goldfox
回答日時：2006/03/18 20:13

＞ちなみにこれを使うことで何か副作用とかないですかね。

本来、インライン要素であるimgをpやtableなどのようなブロック要素にするわけですから、<img>の横に<br>なしでテキストを書いても、改行されます。

<img alt="">横に文字が書けます。
<img alt="" style="display:block;">横に書きたい文字が改行されます。

参考URL：http://www.htmq.com/style/display.shtml

- 0
- 件

通報する

この回答へのお礼

そうですか。それに気をつけて使ってみます。
どうもありがとうございました。

通報する

お礼日時：2006/03/19 18:25

No.1

回答者： chie65536
回答日時：2006/03/18 12:55

枠線無し、線幅無し、セル間空白無しの１行１列のサイズ指定をしてあるテーブルの中に画像を入れてみては？

<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>

テーブルの大きさ指定は、画像の大きさ指定よりも、微妙に数ピクセル分だけ大きく指定しておくのがコツです。