SEO対策は魚釣りに似ている

SEO対策、CSS等の気付いたことのメモ

プロフィール

Underground

Author:Underground
これまでに制作したテンプレート
Underground
Underground_3c
i_blog(iTunes風)
mono_pop
cosme_pop
terrace
Underground7_2c
Underground7_3c
blue_glass
テンプレート名をクリックすると、プレビュー画面で見れます。

FC2ブログランキングに参加中!
テンプレート気にいってくれたらクリックお願いします!

おすすめ書籍

最近の記事

最近のコメント

最近のトラックバック

月別アーカイブ

カテゴリー

リンク

メールフォーム

名前:
メール:
件名:
本文:

ブロとも申請フォーム

この人とブロともになる

カレンダー

07 | 2019/08 | 09
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

ユーザータグ

SEO対策 Dreamweaver 共有テンプレート Leopard iPhone analytics IE7.js CSS Chrome,クローム Windows7 アフィリエイト セキュリティソフト Dreamwever Safari3 RSS Netscape MacBookAir IE8 アクセスアップ メイリオ 検索通 被リンク数 ウイルス対策 雨村探査区 yahoo 検索エンジン UTF-8 アドパートナー クロール率 キーワードアドバイスツール Flash iPod_touch MFC-490CN CS4 インイヤー式ヘッドフォン Apple ホームページ制作 MacBook CREATIVE_SUITE_4 Mac IETester iMac Safari4 Macネットブック spry Snow iPod jQuery ウェブ検索 iTunes_Store Adobe YST検索 ブログ検索 アルゴリズム変更 WindowsXP SP3 iTunes8 キーワードツール Chrome Vista 

PR

コンパニオン20

IE7.jsでPNG画像はリピート出来ない

なんてこった・・・
Webのページをデザインしていて
全体背景に上から下へグラデをひいて
メイン(本体?)の部分の背景に影をつけようと思い
png画像を使おうとie7.jsのお力を借りようとしたわけですよ
メイン部分は横幅は固定できても、縦の長さは固定したくないので
pngの透過画像をy-repeatしようと思っていたのだが・・・

こんな感じかなと思ってIEでチェックしてみたところ
背景画像が消えているではいないか!
なんで? と良く見ると
画像一つ分は表示されているようで、きちんと透過され
背景のグラデにきちんとなじんではいるのだが
画像一つ分では背景にはならない・・・

で、まさか・・・ と調べてみると
どうやら、IE7.jsではPNG画像のbackground-repeatは出来ないらしい・・・
png画像のbackground-repeat出来るライブラリ?はあるようなのだが
そこまでしてこだわる気力はすでに失われているのでこの件は却下・・

ああ、Googleのテストページではpng画像がリピートされてるのに
何で出来ないっていうの?と思ってたら
テストページを見てるのがSafariでだからだ・・・
これをIE6で見るとリピートされてないのね・・・
確認するつもりもないけど・・・

ああ、はやくIE6が消えて欲しい・・・

ロールオーバーイメージが進化?

リンクのボタン部分で画像のロールオーバーは結構多いですが
ただAからBに変わるだけってのはつまらないかな~と思って
探していたらアニメーションで変化するものを見つけたのでメモ

http://snook.ca/archives/javascript/jquery-bg-image-animations/

JavaScriptライブラリのjQueryを利用してるもので
画像を変えれば面白いものが出来そう

ただ、ブラウザの設定でjavascriptが切ってあると
意味がないので、あくまでも飾り的に使うのがよろしいかと・・

IE6とIE7の画面確認方法を考える(再び)

ようやくWindowsXPのSP3の悪夢から解放された・・
というか、せっかちな性格が災わいしていたようだ・・・

起動時のWindowsXPの画面表示のところで下のバー?が動いているが
しばらく待ってもそこから先に進まないために、何故?と思って
再起動を繰り返していたことが原因だったっぽい・・
バーが動いていれば、何か作業してる状態というのを人に聞いて
どうせだめだろうと、モニターを消して長いことほったらかしにしといたら
1、2時間?たったぐらいにCDドライブが回転し始めて
お?!とモニターを付けてみたら、セットアップ画面に進んでいた・・・
ってか、1、2時間も待たなきゃならないもんなの??
とりあえず問題なくXPが立ち上がるようになったのだが
しばらくSP3を入れるつもりはない・・・・

で、今までWindows2000とXPのデュアルブートにしていて
XPでIE7を使い、2000でIE6の確認をしてきたのだが
今回の一騒動で、XPオンリーにしてしまったもんで
IE6とIE7の画面確認の問題をどうしようか、と悩んでいるところだ
IE6のスタンドアローン版を使おうかと思ったら
PNGの画像が表示されないとか、前に自分で書いてましたね
今後PNG画像を使ったページが増えてゆくだろうことを考えるとキツい

ならば、自分で制作する場合はIE7.jsを使うようにするしかないのか?
(他人の作ったものをわざわざIE6とかで確認する必要はないわけだし・・・)
でも、IE7.jsも完全なわけでもないしな~
はあ・・・ 考えものだ・・・

確かIE7からa:hoverとかのリンク関連でなくても
hoverをかけられるようになっているのだが(p:hoverとか)
IE7.jsを利用した状態で、a以外のものにhoverをかけても
IE6ではリンクが含まれているものでは有効だけれども
リンクが含まれないものでは、hoverが効かないようだった
とりあえず、IE7.jsの扱いのメモ

インターネットエクスプローラー利用者の中の内訳で
ようやくIE7のシェアが4割近くになってきた(が依然IE6は6割・・)
でもってIE8なんてものを制作しているようだが
画面表示が異なるブラウザを3つもつくるな!!と言いたい
たぶん、これが今回一番言いたかったことだ・・

IE7.js利用の注意点

インターネットエクスプローラーのバージョンによってCSSの変更とかって
すごく面倒なので、最近はもっぱらIE7.jsを利用させてもらっている
IE5だのIE6だのの古いブラウザのバージョンでも
IE7のCSSの扱いと同じように表示させることが出来るので便利なのだが
あくまでも似せることが出来るというだけで
100%同じというわけではないようで、ちょっと気付いた点をメモ

IE6だと透過PNGを背景画像に使った場合、画像上のリンクが効かないという点で
IE7だと背景にPNGを使ってもOK

あとはリンク表示の設定で
 a:visited
 a:hover 等があるが
この指定の順番で
 a:hover
 a:visited の順に指定すると
一度訪れた(visited後)状態のリンクにhoverが効かなくなる
これはIE7.jsに限ったことではないかもしれませんね
hoverが効かなくて、う~んなんでだろう・・ と悩んだので
初歩的なことかもしれないけれど、自分へのメモということで

IE7.jsを使ってみた

そろそろIE7向けのWeb制作に切り替えていこうかと考え
前から試してみたかったIE7.jsを利用してみた
とりあえず透過PNGを試してみたかったので
透過PNGを用意してテストページをアップしてみたのだが
これがなぜか透過にならない
googleのテストページではきちんと透過されているにになぜだ?!
散々調べた
画像の書き出し方がまずいのだろうか?!
アルファチャンネル?
しかし、どうやっても透過されずにいた・・・
もしかして透過されないんじゃないの?
と思っていた時、とあるページで透過PNGにする時は
画像の名前に-transを付ければ透過されるとの記載を発見!
(例 画像名-trans.png)
よくよくgoogleのページのPNGの説明をみると
きちんと書かれているではないか・・・
英語のページだからと鼻っから読まずにいるのは問題だな・・・
と、反省させられた瞬間でもあった

Copyright (C) SEO対策は魚釣りに似ている. All rights reserved. Template by Underground