いまとにかく話題の反捕鯨運動がありますね。

日本にいるときはどちらかというと、

シー・シェパードの暴力に関するニュースが目立っていたのですが、

やはりNZにいるとGreenPeaceの署名活動などもよく目にします。

避けては通れないとはわかっていましたが、

こんなにも早く来るとは。

というのも近所のスーパーマーケットへ行ったら、

GreenPeaceが反捕鯨の署名活動をおこなっていました。

そしてそのメンバーが「調査捕鯨は本当に必要なのか?」と。

その場は突然の事と、拙い英語力の私は、

「とてもシリアスな問題だからコメントは控えさせてくれ」と答え、

その場を逃げるように去ってしまいました。。。

正直、捕鯨には賛成です。

色んな情報が散乱しているとは思いますが、

確かに一時期、鯨は減っていたかもしれません。

が、モラトリアムを経て数が戻っていることは事実です。

特に南極周辺は顕著なのでしょう。

そして調査捕鯨という名で捉えられた中に、

すぐに解体され商用にされるモノも少しはあるかもしれません。

ただ、乱獲を防ぐために国際的なルールの上で対応している以上、

反対される理由が見当たりません。

私は鯨を食べるのも好きですし、見るもの大好きです。

これは鯨に限った事ではありません。

魚を減らさないためであったり、本来の生態系調査のためにも

決して無駄ではなく必要な事だと私は思います。

一番納得のいかない反対理由の一つに、動物愛護の観点がありますね。

こんなの馬鹿にしているとしか言い様が無い。

知的な動物だから・・・などもっての外。

それじゃあ知的ではない人間は殺してもいいのかってことになる。

さすがに極論なので今のは論外ですが、

一番、嫌なのはそういうこと。

倫理についての論議無しに、倫理が無いとし人を人扱いしない。

こんなアホな話あるか、と。

なんかまとまりなくなってきたからこの話は心の中で考えておきます。

そして出来るだけ、自分の意見を伝えるようにします。

やわらかくね、マジで怖いから。
かなりの格闘でした。
よく言う「CSSにはまる」ってやつです。
一体、何時間闘っていたんだろう・・・。

表題にもある通り、IE6と7でも正常に動き、
オンマウスでドロップダウンリストが出てくる仕組みです。
でも2階層(親、子)までですが。

頑張ってやっとできたソースは以下の通りです。

ソースは以下のCSSとHTMLとjavascriptで構成されています。
表題にはCSSだけと書いてありますが、IE6対策のためのスクリプトが書いて有ります。
ぶっちゃけ私のスキルでは何が書いてあるのかよくわからなかったのですが、
ソースにはきちんと内部リンクが認識出来るので、SEO的にもバッチリなはずです!
記述をコピーして任意のファイル名でアップするのが良いと思います。

==================CSS==================

#toc_container{
width: 800px;
background-color:#fff;
font-family: "メイリオ","MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#toc_container ul,#toc_container li{
list-style:none;
margin:0;
padding:0;
}
#root_toc li
{
width: 113px;
}
#root_toc li a
{
width: 113px;
}

#root_toc li{
float:left; /* 縦にする場合はこの指定は不要 */
border-right: 1px solid #00008B;
}

#root_toc li.plist ul{
display:none;
position:absolute;
font-size: 11px;
}

#root_toc li.plist:hover > a
{
background-color:#f60;
}
#root_toc li.plist:hover ul{
display: block;
/* 縦にする場合は次の指定を使う
margin-left:90px;
margin-top:-25px;
*/
}
#root_toc li.plist li{
float:none;
display:list-item;
}
#root_toc li a{
display: block;
/*boxの扱いの差が出るのでpaddingは使わない*/
/*text-indent:0.3em;*/
line-height:33px;
background: url(任意の画像.gif) no-repeat left top;
color: #00008B;
text-decoration:none;
text-align: center;
}
#root_toc li a:hover
{
color: #00008B;
background: url(任意の画像.gif) no-repeat right bottom;
}
/*以下の記述がないとIE6で消えることがありました*/
#root_toc:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#root_toc { display: inline-block; }

/* Hides from IE-mac \*/
*html #menu { height: 1%; }
#root_toc { display: block; }
/* End hide from IE-mac */


==================HTML==================
※注意:タグをはさむ記号<>が全角になってます。半角へ変換してから使ってください。

<div id="toc_container">
<ul id="root_toc">
<li><a href="#">ああああああ</a></li>
<li><a href="#">かかかかかか</a></li>
<li class="plist"><a href="#">ささささささ
</a>
<ul>
<li><a href="#">ささささささ
</a></li>
<li><a href="#">しししししし
</a></li>
<li><a href="#">すすすすすす
</a></li>
<li><a href="#">せせせせせせ
</a></li>
<li><a href="#">そそそそそそ
</a></li>
</ul>
</li>
<li><a href="#">たたたたたた</a></li>
<li class="plist"><a href="#">なななななな
</a>
<ul>
<li><a href="#">なななななな
</a></li>
<li><a href="#">にににににに
</a></li>
<li><a href="#">ぬぬぬぬぬぬ
</a></li>
</ul></li>
<li><a href="#">はははははは</a></li>
<li class="plist"><a href="#">まままままま
</a>
<ul>
<li><a href="#">まままままま
</a></li>
<li><a href="#">みみみみみみ
</a></li>
</ul></li>
</ul>
</div>
<script type="text/javascript" src="/javascript.js"></script>


==================javascript==================
※注意:タグをはさむ記号<>が全角になってます。半角へ変換してから使ってください。

//window.onload = function(){//<head>にスクリプトを配置する場合は行先頭のコメントアウトを外す
if(document.getElementById && document.all && !navigator.userAgent.match(/Opera/)){
var obj = document.getElementById("root_toc");
for(var i=0;i<obj.childNodes.length;i++)
{
if(obj.childNodes[i].className=="plist")
{
obj.childNodes[i].onmouseover = function(){pull(this)};
obj.childNodes[i].onmouseout = function(){pull(this)};
}
}
}
//}//<head>にスクリプトを配置する場合は行先頭のコメントアウトを外す

function pull(obj){
for(var i=0;i<obj.childNodes.length;i++)
if(obj.childNodes[i].nodeName.toUpperCase()=="UL")
obj.childNodes[i].style.display=obj.childNodes[i].style.display=="block"?"none":"block";
}



#がっつり参考にさせて頂いたサイト様

http://blog.faro.main.jp/?eid=591449


アクセス解析でも重要な要素をしめる「直帰率」について

色んな記事を参考にもさせてもらいましたし、
実際に自分でもそうなんですけど、
ざっくり以下の3パターンかなと。

①パッと見や直感的に「違う」と判断される
②コンテンツが期待していたものや想像していたものとミスマッチ
③導線がわかりづらい

これだけじゃ「何の意味もないっ」ので、
一つ一つを紐解いていく必要が有ります。

ってことで、レッツ分析。


でも今日は時間ないので別の日に!
なんかPC固まったからキーボードムチャクチャに打ってみたり、

マウスをグチャグチャいじってみたり、

そんなんしょっちゅうですよね。

で、今日もイライラしてたら、

おおおお

デスクトップのアイコンがみんなちょー小さい!!!!!

なんじゃこりゃ~~~

早速再起動。

やっぱPCってなんか変なことあったら再起動しちゃう。。。

待つこと2分。

直ってねぇし。

まじかよ、ちっちゃくてわかんねぇよ

何のショートカットかわかんねぇし。

直し方、調べました。

2秒で直ります。

方法



マウスを右手に持ちましょう。



デスクトップを表示させましょう。(ウィンドウズマーク+D)



左手でctrl 右手でマウスのホイールを上に動かす



ほらっ!アイコンが大きくなった!

簡単でしたね。

しかし、気をつけてください。

面白半分にやりすぎると、

アイコンがでかくなり過ぎて、画面いっぱいになります。

その後また小さく戻すと・・・

そう、配置が変なことになってる。

これって実はかなりウザイ。

気をつけてくださいね