ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

Category Archives: CSS

疑似クラスの設定の順番

CSSでリンク関連の文字の色をデザインすることは良くあります。 よくあるどころか必須ですね(笑) しかし、たまに焦ってCSSを書くと「あれ?あれ??あれれれ??」と 全然色が変わってくれない事がたまにあります。 それは記述の順番にどうやら秘密があったようです。 たとえば・・・ a:link { color: #009999; text-decoration: none; } a:visited { color: #6633CC; text-decoration: none; } a:hover { color: #FF0099; text-decoration: underline; } a:active { /*設定なし*/ } こんな感じで 1.a:link 2.a:visited 3.……(続きを読む)

preタグ自動改行とBlogn+チョイ改造

今までpreタグなんて使ったことなくて(汗) 「ちょいとネタ残すために使ってみるかー」とがんばってみたら CSSで幅を設定してると、書くコードの長さによっては思いっきりはみ出よるんですね。 自動改行させるべく色々と調べてみたら pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE 5.5+ */ } こう書けば設定した幅で折り返してくれるみたい。 元ネタはこちら。 ht……(続きを読む)

フッターを常に下に置いておく

コーディングしてるとページの原稿によっては高さが全然足りずに フッターがエーライ上の方に来てしまう時があります。 そんな時に、フッターを常にブラウザ下部に固定しておく方法。 ウィンドウサイズ可変させても、下にペッタリと固定してくれるので便利といえば便利。 (空のタグ一つ入ってまうけど・・) ソースはこんな感じ。 固定させるフッターのすぐ上のボックスに空Divを入れてしまいます。 CSSは と、コンテンツ部分にマイナスのマージンを置くことがミソ。 もちろんpushの中身になにかいれてもよいです。

 

« Apr 2019 May 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31