HTML／スタイルシート（css）関連記事

リンクの下に引かれる下線って、「これ、リンクだよ！」と分かる一方で、リンクが集まるような場所だったり、アンカーテキストが長かったりすると、逆にゴチャゴチャして見づらくなってしまったりするんですが、この下線をスタイルシート（CSS）を使ってちょっとだけスッキリさせる方法を見つけました。

YouTubeで使用されている画像は、実は一枚の画像 - これを「CSS Sprite」と呼ぶのだそう。ということを、Design Walkerさんのこの記事で知りました。

CSS Spriteを活用しよう
画像をスライスして一枚ずつ読み込むよりも、このように一枚の画像にすると、スライスの手間が省けるのと、読み込みの再に、リクエストが一回で済むので、場合によってはこちらの方が早く読み込まれることになりそうです。

ケータイから投稿するにつれ、文章の短い記事が増えてきたわけですが、その時ちと困るのが背景色。→こんな感じで右サイドバーの長さにメインスペースが負けちゃって、背景色が画面の一番下まで来てくれないんですヨ。

テーブルタグでレイアウトしてる場合は問題なく下までくるんですが、CSSでレイアウトするとこーなっちゃうんですよね...。

でもこれ、CSSと画像で簡単に下までもってくることができます。

私、スタイルシートに関してはちょっとだけ自信を持ってるんですが、それでも毎度毎度FirefoxとIEとの表示のされ方の違いに悩まされます。

昨日はある方からの依頼を受け、HTML＆CSSのコーディング作業を行っていたわけですが、「floatさせた部分だけ両サイドのborderが消えちゃうIEのバグ」にぶちあたり、その解決だけで数時間費やしてしまいましたorz

無駄に時間を使わされて悔しいので、その解決方法をアップしておこうと思います。