WEB相談室

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

タイトル:「よろしくないCSS」なのでしょうか?

0:[投稿] ななみ [MAIL] [URL] [2005/09/08 13:48 ][環境:IE6,Win XP わかりません]

はじめまして  ななみ と申します。
chaichanPaPa さんのリンクをたどって Personnel さんのサイトで「よろしくないCSS」を読ませていただきました。

その中で「画像を絶対配置で背景の代わりにしたり、切り貼りしたり。」ということは「論外」と書かれてました。
それって 私が表紙でしていることなのでしょうか?
 http://www.nagominoniwa.net/index.html
タイトルや見出しに重ならず できるだけ大きな画像を飾りたいと思い 背景に使っております。

他のサイトさんの内容についてお尋ねするのは失礼なことか と
も思いましたが あちらには掲示板がなく メルアドも非公開で 直接お尋ねする術がありません。
「よろしくない」なら ぜひ改めたいと考えて 思い切って書き込ませていただきましたが 不都合でしたら お手数ですが 削除をお願いいたします。

教えていただきたいことは 以下の通りです。
私の表紙での背景画像の扱いは 本当に「論外」なことなのでしょうか?
それとも 書かれている意味を 私が取り違えているだけなのでしょうか?

どうぞ よろしくお願いいたします。


1:[回答] andi [URL] [2005/09/08 14:04 ]

> そもそも、飾りの為の画像は、img要素に相応しくありません。

<img>で指定した画像を背景代わりにしちゃいかん、と。
それならCSSのbackgroundで指定しましょう、ということでは。


2:[回答] 神崎 [2005/09/08 16:43 ]

ブラウザの設定で、
文字サイズを大きくしたり、小さくしたり、
ウインドウのサイズを変更すると、
背景画像と文字の位置がずれたり、画像と文字が重なって見にくくなる、
ということじゃないでしょうか。

それか、andiさんのおっしゃるとおり、imgで表示すべき画像を
背景に使うと、ALTで画像の名前(説明)を付けられないので、
テキストブラウザや音声ブラウザでは、画像の説明を読む(聞く)ことができなくなりますね。


3:[質問] ななみ [MAIL] [URL] [2005/09/08 22:56 ]

andi さん  神埼さん  お返事ありがとうございました。

andi さん
背景画像として使うことが「よろしくない」訳ではない のですね。
ただし 神崎さんの仰るように 文字が読めなくならない限りは・・・ということなのでしょうか。

神崎さん
文字と画面のサイズのことは 悩みのタネです。
以前は 15インチで見てまして その時は 小さめの四角い画像を「画像」として飾っておりました。
 http://www.nagominoniwa.net/nagomi879.html

その後 17インチに買い換えると 画像が相対的に小さく見えましたので もっと大きな画像にしたいと思いましたが 四角い画像のまま大きくしますと 15インチで見た時に タイトルや見出しが左右から迫ってきて 重なってしまいます。
それで 大きな画像の周囲をぼかして 背景画像として使うように変えました。

最低限 15インチでも タイトルが読めないことは無いようにしているつもりですが 私の望む形で見えるのは かなり限られた環境になるのでしょう。

全ての環境で同じように・・・などと高望みは致しませんが ここだけは直した方が・・・というような点など 教えていただけると有り難く存じます。
ただ 花の画像は どうしても飾りたいのです。
それも 出来るだけ大きな画像を。


4:[回答] AC1号 [2005/09/08 23:08 ]

>>1に同意。ななみさんの背景画像の取り扱いは、問題ないでしょう。

http://members.jcom.home.ne.jp/jintrick/Personal/bad_css.html#level0
では、「ユーザースタイルシート使いとして」と書かれているので、ユーザCSSに
img {
border:1px solid red ! important;
}
などと設定してみると面白いかもしれません。
#私自身はimg要素ではしないですが、table要素で時々border設定します。
また、
http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html
にもユーザスタイルシートの例があります。

>>2は「andiさんのおっしゃるとおり」と書いていますが、andiさんとは全く異なることを書いています。この場合は、img要素を使わない方が良い、というのがandiさんの投稿の主旨でしょう。
#私もこの例ではCSSでやるのがよいと考えます。
なお、alt属性は「画像の名前(説明)」というのは誤りです。「代替テキスト」が正解。画像の説明はtitle属性、またはlongdesc属性(実装されていないけど)で行うものです。


5:[完了] ななみ [MAIL] [URL] [2005/09/09 11:11 ]

AC1号さん お返事ありがとうございました。
特に問題は無いのですね。 安心いたしました。

alt については 「減点されたくない。」という不純な動機から 必ず書くようにしてますが 画像の上にチラチラ出るのが目障りで alt="" としています。
本来の意味からは 「論外」と言われても仕方が無いと 覚悟しております。

いろいろな問題の残るホームページですが 庭の花が咲く限り 続けていきたいと思っています。
また 何かの折には よろしくお願いいたします。
ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World