Date:2009/02/12
Category: HTML
Category: HTML
「やっとホームページ完成！！」
と、思ったのもつかの間・・・「このホームページ、ズレてるよ」なんて言われてしまったことありませんか？
そこで今回は、「Mac（マック）用Safari、Windows用Safari両方に対応させるためには」です。 方法は簡単、
/* safari only \*/
/*\*/ html* #testdiv{
width:190px;
height: 30px;
padding:5px 0 0 10px;
}
というように記述するだけ。これで、ホームページのずれはもう大丈夫です！
Date:2008/12/26
Category: HTML
Category: HTML
white-space
white-spaceはソース中の半角スペース・タブ・改行の表示の仕方を指定するスタイルシートです。ソースなどを文章中に表示させたい場合などによく用います。
CSS
p.tag{
white-space: pre;
}
HTML <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="tag"> ここでは全てのタグを無視して単なる文字列として表示させることができます。 ex)<font color="blue">通常ならフォントが青くなる</font> ただし、反映させるタグとそうでないタグを区別するために、 "<"は<
">"は> とする必要があります。
"<"や">"のまま書いてしまうとそのタグは通常通り反映されてしまいます
</p>
</body>
</html>
HTML <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="tag"> ここでは全てのタグを無視して単なる文字列として表示させることができます。 ex)<font color="blue">通常ならフォントが青くなる</font> ただし、反映させるタグとそうでないタグを区別するために、 "<"は
">"は
Date:2008/12/19
Category: HTML
Category: HTML
SEOにも有効なH1、H2、H3・・・などの見出しタグは、デフォルトでは文字が大きすぎたりして、デザインに合わないなどの理由から、CSSでレイアウトを変更して使うことも多いかと思います。
しかし、そこで問題が・・・
私の勉強不足なのですが、、、「hxタグにリンクをした場合、どうしてもリンク色が変更できない！」という現象に頭を悩ませてしまいました。(^_^;)
】にて運営させていただいております。いつも大変ありがとうございます。
