元気ハツラツtamagoです -483ページ目

元気ハツラツtamagoです

PC前を住処にしている主婦でございます。

Webクリエイターを目指す!!
今日も前進するよ~~~w
(↑朝バージョンです)

-----------------------------------------------------------
雨ですねぇ雨

今日はウォーキングができないので、朝からブログ更新してます。

私は毎朝6:30に起きまして、
お弁当作って(チーンです)、
朝ごはん作って(おにぎりぐらいです)、
洗濯したり家事して、家族を見送ってから40分ぐらい歩いてます。

ちょっと歩けば、山もあるし、田んぼもあるし、すごく見晴らしがいいのです。

鳥がピヨピヨしてて、のどかな田園風景を見ながら歩いてるんですけど、
これが結構気持ちいいのです。

PCばっかしてるでしょ。
視野が狭くなってくるんですよね。

だから朝、視野を思いっきり広げて帰って柔軟体操してからPCします。
中年だしwwww
来月には会社復帰だから体力もつけとかないといけないしね。

歩いてると「おはようございます」って声かけられるんです。
知らない人ですよ。
ウォーキング仲間?みたいなねww

この楽しい生活が、終わっちゃうのは寂しい。

大人だし、働かないとwwww
旦那におんぶに抱っこするには太りすぎたわw

さっ、今日はHP仕上げにかかる!!
楽しいWebの時間です♪


web見習いのブログ-web見習いの説明書

Webクリエイターを目指す!!
今日も前進したかなぁ~~

---------------------------------------------------------------
会社HP作り。

昨日はhtmlのバリデーションをして、クリアしたので今日はcssとoperaで引っかかってるjsの問題。

IE6の段オチですが、初めのころ本を見ながら作っていた時色々説明してあったような・・・
ペラペラ~~~~
探すのが面倒になりwとりあえず試行錯誤。

同じfloatをしても、大丈夫なページもあったりして相変わらず不思議ちゃんのIE6。
とりあえず、float:rightしている箇所をdisplay:inlineにする。
これで右側の余白が倍になる問題は解決。
あと、左側をfloatしてたけど、左余白入れるし、floatをやめてposition:absoluteにして余白設定。
右側だけfloat:rightにしてみた。
これで問題解決。
1時間ぐらいで終了。

あとは・・・・
jQueryで作ったメニューが左にスーッと動くjsがoperaでおかしなことになる問題。
色々やったけど、あり得ないところにメニューが行っちゃうので、諦めたwww

もうoperaでは動かなくていい!!
をjsに書き加えることにしました。

window.onload = function(){      //ウインドウが読み込まれたらこの関数してね。
if(navigator.userAgent.indexOf("Opera") != -1) return false; //もしブラウザがoperaならこの関数しないで。
else{                                    //operaじゃなかったら・・・
$('div#nav').css('marginLeft','480px');    //div id="nav"のstyleをmargin-left:480px。
$('div#nav').animate({left:'-=30px'},2000);}  //div id="nav"を2秒かけて30px左に動かして。
}

ちゅうことで。
解決(?)したわけです。

これからもこんな事あるかもしれないので、ここにブラウザ識別コード載せておこう。
document.write('<p>ブラウザの判別:');
if(navigator.userAgent.indexOf("Opera") != -1){
// 文字列に「Opera」が含まれている場合


document.write('あなたのブラウザは Opera ですね?');
}
else if(navigator.userAgent.indexOf("MSIE") != -1){
// 文字列に「MSIE」が含まれている場合

document.write('あなたのブラウザは Internet Explorer ですね?');
}
else if(navigator.userAgent.indexOf("Firefox") != -1){
// 文字列に「Firefox」が含まれている場合

document.write('あなたのブラウザは Firefox ですね?');
}
else if(navigator.userAgent.indexOf("Netscape") != -1){
// 文字列に「Netscape」が含まれている場合
document.write('あなたのブラウザは Netscape ですね?');
}
else if(navigator.userAgent.indexOf("Safari") != -1){
// 文字列に「Safari」が含まれている場合

document.write('あなたのブラウザは Safari ですね?');
}
else{
document.write('判別できませんでした。');
}
document.write('</p>');


会社HP完成まであと?日ww

Webクリエイターを目指す!
今日も前進したかなぁ?

------------------------------------------------------
今日中に会社のHP仕上げるつもりだったのになぁ~~~~~;;

一通り作ったんで、ブラザーで確認してました。
あっIE6は最後にしてね。

Firefox=おk
IE7=おk
Google Chrome=おk
Safari=おk
Opera=×××

?????
え~~~Opera????
今までOperaで困ったことなんてないよ????
なんでよ~~~~DASH!

cssには問題なく、jsで指定してるstyleに怒ってるみたいダウン
他のブラウザで問題なにのに、Operaだけって事はどういうことだろ。

具体的にはですね。
floatで一列に並べたメニュをdivで囲んで、右から左にスーッと30pxほど動かす動作をjQueryで作った箇所です。

今作ってるHPで一番力入れた所なんだけど、コレがダメなら相当凹むわ。
たった3行のコードだけどね。
これが動いた時すごくうれしくて、思い入れあるんだ~~(バカ)♪

floatさせてるのが気に入らないのかなぁ。
まっ色々やってみるしかないね。

あとIE6は段落ちしまくっててw
これは後で直す予定だったからいいんだけど、メニューはIE6でもちゃんと動くんだけどなぁ。

Opera捨てよっかなwww