アーカイブ::XHTML/CSSのエントリー一覧

1. CSSの隣接セレクタを使ってMacのDock風インターフェースを作成する

   • 2007/04/24
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   CSSのセレクタって意外と多いんですよね。未対応ブラウザのことを考えると実際に使用するのはもう少し先のことになりそうなセレクタも多いんですが、ここらで一度実際に使ってみたいと思います。

   

2. ページの高さを自動調節するjavascriptの追記（CSSのみで実現する）

   • 2007/04/18
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   以前javascriptを使ってコンテンツの高さを自動調整するという記事を書いたんですが、どうもCSSだけでできることが判明したので掲載しておきます。

   

3. ブログを書くとき用のHTMLエンコードツール

   • 2007/04/13
   • category:XHTML/CSS, javascript
   • Comment(0)
   • Trackback(0)

   ブログにHTMLやjavascriptのコードを掲載する際、HTML用にエンコードする作業って面倒なんですよね。エンコードしてくれるWebツールもいろいろあるみたいですが、自分用にカスタマイズして使いたいので自前で作ってみました。

   

4. IEでfloatさせたボックスのmarginが2倍になるバグ

   • 2007/03/29
   • category:XHTML/CSS
   • Comment(4)
   • Trackback(2)

   有名なバグではありますが、久しぶりに遭遇して困ったことになったので書き残しておきます。
   実際どういう感じで表示されるかというと、下記のような感じです。

   

5. IEでページが真っ白になる謎現象

   • 2007/03/06
   • category:XHTML/CSS
   • Comment(2)
   • Trackback(1)

   IE6にて表示されるべきページが真っ白になる現象に直面。htmlファイルに何も書かれていないとかいうわけではなく、firefoxやIE7ではしっかり表示されていました。かなり意味不明な現象です。真っ白になった部分のソースのヘッダ部は下記のようになっていました。

   

6. 画像の下にできる隙間

   • 2007/03/01
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   CSSでコーディングしているときに画像の下に謎の隙間ができることがあります。今回はその原因と対象方法について書きたいと思います。実際、以下のようになります。

   

7. divタグの意味と使い方

   • 2007/02/28
   • category:XHTML/CSS
   • Comment(0)
   • Trackback(0)

   XHTMLのタグにはそれぞれ意味があります。<p>は文章のまとまり（段落）。<blockquote>は引用。<ul><li>はリストなどですね。
   では<div>タグというのはどういう意味を持っているのでしょう？

   

« 前のページ