プロが教える店舗&オフィスのセキュリティ対策術

パソコンやネットの知識は、ありますが
ブログは初心者です
それで、FC2ブログを始めて約1ヶ月ですが
背景色のタグの事で質問です

ただ、予め書かせて頂きますが
詳細を書いた為、長文に、なりました
申し訳ありません

以前ここでも質問したんですが
http://oshiete1.goo.ne.jp/qa5189060.html
違う疑問が出たんで新スレを立てました

まず、質問の主旨なんですが
文章の中で、特定の部分だけ背景色を入れたいと思いました

ただ、最初は分からなかった為
まず、調べたHPに載ってた
<span style="background-color: rgb(0, 204, 255);">
色を掛けたい文字</span>
を入れました

しかし、これでは文章の中で
特定の文字列の背景だけ掛かる事に、なります
それが下記画像の左なんですが
要するに、紙の文字でいう所の
蛍光ペンでラインを引いた様な状態です

その後、このHPを見つけて
http://www.d3.dion.ne.jp/~tiyoko01/7tagu/hashoku …
<body bgcolor="black" text="#ffffff">
<p>色を掛けたい文字</p>
で入れましたが、全く反映しませんでした

それで、上記スレで質問した所
<blockquote style="background-color:色">
色を掛けたい文字</blockquote>
このタグを教えて頂きました

ところが、このタグを入れると
確かに文章全体の背景に色は付きますが
その色の周りに枠が付いてきます
それが中央の画像です

ただ、この反映でも
何か別の目的の時には使用出来そうなんで
勉強には、なると思いました
しかし、今回の様な反映の時には
逆に邪魔に、なる時も、あると思います

それで、その事を質問すると
今度は別の方から
「border-width: 0px;で指定すれば良いのでは?」
との御指摘を頂いたんですが
意味が全く分かりませんでした

解釈が全く違うかも知れませんが
私自身、このタグは文章内に画像を入れた時に
入ってたタグとして認識してます
しかし、この枠の付いた背景では、画像じゃない為でしょう…
右クリックしてもプロパティが出ませんから
私の知識では入れようも、ありません

ただ、ここ迄調べた時
ある程度、専門用語(?)も把握出来たのか
このHPがヒットしました
そこに載ってたのが、このタグなんですが
<table bgcolor="#ffff33"><tbody><tr><td>
色を掛けたい文字</td></tr></tbody></table>
これで、やっと反映出来ました


それが一番右の画像です、そこで今回の質問ですが
聞きたいのが2つ


◆1、タグの色番号(?)が分からない

私が一番最初に設定したタグ
<span style="background-color: rgb(0, 204, 255);">
色を掛けたい文字</span>
ですが、最初は、この色を掛けようと

ちなみに、このタグは
FC2ブログの設定で
「記事の設定」から特定の文字列をドラック
「W」のアイコン…これは「高性能エディター」なんですが
それを選択、背景色をクリックしたら反映した訳です

しかし、目的の反映が成功したタグでは
「rgb(0, 204, 255)」「(0, 204, 255)」「: rgb(0, 204, 255);」
と入れたんですが、いずれも反映しませんでした

それで仕方が無く、反映したい色に近い色を
「文字に色を付ける」のアイコンから
一番近い色を選択、そのタグを入れたら
ようや反映した訳ですが、今回反映した色は
上記色のタグとは違う色で「#ffff33」ですが

この時、色が反映しなかった理由はなんでしょうか?

◆2、他の方紹介のタグと反映したタグ、どう違う?

上記で書いた、枠の付いたタグ
<blockquote style="background-color:色">
色を掛けたい文字</blockquote>

「border-width: 0px;で指定すれば良いのでは?」
と御指摘頂いたタグ

それと私が入れて反映出来たタグ
<table bgcolor="#ffff33"><tbody><tr><td>
色を掛けたい文字</td></tr></tbody></table>では
何か、どう違うんでしょうか?

「ブログで背景色の反映が分かりません」の質問画像

A 回答 (1件)

<table bgcolor="#ffff33">


これはHTMなので、色名か16進数で指定する事。

<span style="background-color: rgb(0, 204, 255);">
これはCSSなので、色名か16進数、そしてRGBの三原色の割合で指定可能。
つまり、
HTMLのbgcolorにRGBの三原色のrgb(0, 204, 255);などを指定してもダメ。
-----------------------------
左の画像は、文字に背景色を付けるので、マーカーの様になってしまう。
中の画像は、引用のblockquoteに元々のCSSで枠線を指定してあると思われるので、先の回答者さんはborder-width: 0px;で枠線を無効にしろと言っている。
右の画像は、tableを利用してHTMLでtable内に背景色を表示している。
------------------------------
結論は、

<p style="background: #FF3;">色を掛けたい文字</p>

↑これだけで良い。

ちなみにブログの場合は、XHTMLの仕様が多いので、
bgcolorなどが非奨励になっているため、
全体の背景色は、<body bgcolor="black" text="#ffffff">ではなく、
<body style="background: black; color:#FFF;">
などで希望通りになるはず。(複数の色指定方法がある)
------------------------------

ただし、CSSですでに先に色や枠などが指定されてしまっているので、
余計な問題が起きてくる場合がある。
この場合は、その元々のCSSを解除するか、上書きか変更してあげないと、
元々のCSSのデザインが優先して反映してしまうという事です。

そもそも、慣れれば、HTMLの直接編集ではなく、スタイルシートの変更で訂正する方が良いと思う。

HTMLとCSSを少し勉強すれば、これらの違いを理解できると思いますよ。

この回答への補足

遅くなりましたが反映しました
有難う御座いました

補足日時:2009/08/15 10:33
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!