2007年2月8日のブックマーク (4件)

  • RedLine Magazine :: フッターリスト・サンプル

    フッターメニュー区切りを画像でやってみる サンプル01 サンプルサンプルサンプルサンプルサンプルサンプル 普通にテキスト間に「 | 」を画像化してリスト背景として表示。 今回は li タグの右側に背景画像をつけるというやり方にしてあるので、左側に1つ「| 」が足りなくなるため、最初のテキストに対して span で一番左に同じ背景画像が出るように指定してみた。 フッターメニュー区切りを画像でやってみる サンプル02 サンプルサンプルサンプルサンプルサンプルサンプル テキスト間に適当な画像をリスト背景として表示。 背景画像が「 | 」の場合は1ピクセルなのであまり気にならないが、当然背景画像の幅が大きくなればそれに合わせてcssでpaddingをうまいこと合わせてやる必要がある。 フッターメニュー区切りを画像でやってみる サンプル03 サンプルサンプルサンプルサンプルサンプルサンプル 上記サン

  • Blog�|�hamashun.com - Blogにコードを貼り付ける時。

    ブログにコードを貼り付ける方法で悩むの巻 pre要素へのスタイル指定 Re: i d e a * i d e a - ブログにコードを貼り付ける方法で悩むの巻 ソースを貼付ける50の方法 pre 要素のスタイル定義とマークアップ Blogにコードを貼り付ける際のアレコレが、あちこちで話題に上っています。 これまでに余り情報を見つけられなかったので、とても参考になりました 折角なので、僕もひとつ書いてみたいと思います。 XHtml こちらは至ってシンプルです。 <pre> <code> </code> </pre> 構造としても<code>を使うのが正しいかな、と思うので、こうしています。 こちらは特に問題無いかと思います。 CSS(Befor) 今回の色んな方のエントリを参考にして、多少変更を加えました。 まずはBeforです。 pre { width:450px; overflow:au

  • そろそろCSSハックの良し悪しについて考えてみる(書式編) | Blog hamashun.com

    関連リンク そろそろCSSハックの良し悪しについて考えてみる(書式編) そろそろCSSハックの良し悪しについて考えてみる(管理編) おまけ付き Re:CSS の用途をわざわざ (X)HTML に限ることはない スターハックに端を発するアレコレ スターハックに端を発するアレコレ まとめ編 フルCSSでサイトを制作する際に、まだまだ避けては通れないのがCSSハックです。 巷には色んなハックが溢れていますが、今回は良いハックと悪いハックを『書式』をキーにして考えてみたいと思います。 なお、ハックはあくまで最終手段であり、使わないにこした事は無いという事を、事前に書いておきたいと思います。 また、一部CSSハックと呼ぶには語弊があるテクニックもありますが、ブラウザ実装の差異に対する技術、といった意味合いで、この記事ではハックで統一しています。 バリデータに通るか否か まず最低条件として、バリデータ

  • cha-han.net - このウェブサイトは販売用です! - cha han リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.