Archive for the 'CSS' Category

style属性でbackground-imageをhtmlに直書きする時の罠

月曜日, 8月 4th, 2008

指定する背景画像のパスを指定するときに

body style=”background: url(”/images/background.gif”) left top repeat;”

このようにダブルクオートで囲むと表示されず、

body style=”background: url(’/images/background.gif’) left top repeat;”

シングルクオートにすると表示されました。
 
結構ここで悩みました。。。
tagged:書き方

CSSでフォントを操作する。

火曜日, 11月 20th, 2007

CSSでフォント指定ができることを初めて知りました。

font-family : Arial,’MS Pゴシック’,sans-serif ;

 
MS Pゴシックみたいな日本語も入れられるのですね。
WindowsとMacの違いのため、
両方で表示させるにはちゃんと考えて指定する必要があるようです。
とりあえずFireFoxで明朝体のようになっているのを直すということで。。。(苦笑)
【参考】
World Wide Web Guide
 
tagged:Mac Windows ブラウザ 日本語

【IE6】長いURLで崩れた表示をCSSで直す

水曜日, 10月 17th, 2007

彼のおかげで
IE6ではcafeトキワ荘の表示が崩れいてることに気づきました。
これを直すために、こちらのサイトを参考にさせていただきました。

長いURLを折り返し、Validation もクリアする
(石輪っぷり!)

 
解決方法は、以下の一行を対応させたいCSSに書き込めばOK.

word-break: normal;

 
上記サイトによると、このやり方だと
W3CのCSS Validationではエラーになるそうなのですが、
そこまでCSSに詳しくないのでとりあえずこれで対応しました。
 
CSSはホントブラウザ対応めんどくさいです。。。(苦笑)
 
tagged:デザイン ブラウザ対応