REDLINE MAGAZINE | タイトル背景上で左右に何かを分けて入れたいREDLINE MAGAZINEトップページへ

すべてのエントリを見る

タイトル背景上で左右に何かを分けて入れたい

cssでタイトル画像を背景化して、その上のテキストデータで文字を入れるというテクニックは結構主流だと思う。管理も楽だし。

どんなんかって・・・こんなんの事です(↓)
サンプル画像

以前「そういう時に左右に分けて内容を入れたい時どうしたらいいんだろう?」とドツボにはまった事があるので、そんなネタ。今回は絶対配置を使ったやり方とフロートを使ったやり方でやってみる。

RedLine Magazine :: タイトル背景上で左右に何かを分けて入れたい

と、上のサンプルを作ってからLucky bag::blogさんの「エントリー毎のカテゴリをCSSで調整」というエントリを拝見して、目から鱗。その辺の話も上のサンプルページに記載しております。

<< cssで更新の楽なリンクギャラリーを作る | gif使わずcssだけでアニメーションロールオーバー >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/53

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。