ネットショップ立ち上げ備忘録

初心者がネットショップを立ち上げるまでに関連する技術や考察の備忘録です。ネットショップでのSEO対策や、アクセス・集客方法、広告手法、デザインなどについても記事を公開しています。



2008年11月 | ARCHIVE-SELECT | 2009年01月

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | TOP↑

≫ EDIT

縦メニューを画像1枚、ロールオーバー実装するCSS

menu.jpg

上記のような画像を作成してCSSのみで縦メニューを一枚画像で作成する場合のメモ。
横メニューが一般化している昨今ですが、左メニューレイアウトを採用する場合もまだあると思います。

今回の利点は
・text-indentを使用しない
・htmlのソース上で<img>タグを使用しない
・画像一枚で実装するため、複数画像で実装するより読み込みが早くなる

という感じかなと思います。
実験していないので勝手な予想ですがSEOで考えるとtext-indent:-9999px多用はあまりよろしくないかもと思っているのでもしかしたらSEOにも良いかもしれないのかな!?


・実際のサンプル(1枚画像のサイズは横200px 縦150pxでメニュー1項目のサイズはw100px h50pxです)

【“縦メニューを画像1枚、ロールオーバー実装するCSS”の続きを読む】
スポンサーサイト

| コーディング | 22:29 | TOP↑

2008年11月 | ARCHIVE-SELECT | 2009年01月

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。