Atelierで“IE”タグの付いているブログ記事

2013年8月23日

隠居のMT備忘録: テーブル作成時に上部に発生する意図しないスペースを削除する(IEの場合)


 2,012年3月に、【隠居のMT 備忘録:IE で表示した時に出現する意図しないスペースを削除する】で記録した同じ現象が、【24節気・七十二候】の Web page を作成していて発生した。
 この現象は、【隠居のMT 備忘録:テーブル(表)の形式を工夫してみる】で落着したと思っていたのだが、どうも間違っていたことが分かったので、改めて備忘録として記録しておきたと思う。

 起こった現象は、次のようなものである。
space-2_edited-1.jpg

 ネットで再度サーチしてみると、HTMLで table 記述するときに、Internet Explorerでは全角スペースが、<table>?</table> の表記のうち、</tr> や </td> の後ろに挿入されていると、これを認識してはじき出され、table 上部に表現されるためらしい。
 それで、現象を引き起こしたコードを、エディタの「秀丸」で、全角スペースの検索をしてみると、下のように、黄色く表示された。これは、コードを見やすくするために形を整えたときに、挿入したものだった。
space-1.JPG

 この黄色の部分すなわち全角スペースを削除すると、下のようにテーブル上部の余分なスペースはなくなった。ブラウザによって見え方が異なるのは困ったものだ。ページ作成のプロの人達は、いろいろと苦労をされているようだが。
space-3.JPG


2009年12月10日

隠居のパソコン備忘録:送信先リンクでGmail を使用する

 ブログの中に送信先のボタンを表示して、それをクリックすれば、直接メールをしてもらうことができる。このリンクをブログに書くHTML コードは、例えば私の場合 
<a href="mailto:n_shuhei.net@n-shuhei.net"> n_shuhei へメールする</a> 
 となる。

 多くの方々がインターネットのブラウザは、 Internet Explorer を使い、メールは、outlook express を使用されている。そのような場合、このメール送信ボタンをクリックすると、下のスクリーンショットのように、outlook express の送信画面となり、宛先欄に例えば私のアドレスが記入されている。
view_OE.JPG


 ただ、これで全く問題はないのであるが、最近は 便利さから Gmail を使っておられる方が結構おられる。 Gmail を普段使っていると送信記録もそこに残されるから、このような場合も Gmail から発信された方が好ましい。
 WindowsXP で Internet Explorer 環境では、普段使う電子メールプログラムは、「ツール」→「インターネットオプション」→「プログラム」→「電子メール」に表示されている。ただし、Gmail は、Yahoo メールなどと同じように、web メールであるので、普段使っていても、ここには表示されない。
 そこで、 Gmail から発信できる方法をネットサーチしてみた。設定の方法は簡単であるが、設定する場所を見つけるのが難しかったので、備忘録的に記録しておきたい。
Gmail を利用されている方なら、Google 本体はインストールされているはずである。その場合、 Internet Explorer の表示で、一般的には下のスクリーンショットのように、 Google Toolbar が表示されている。表示されていない場合は、「表示」→「ツールバー」→「Google toolbar」をクリックすれば表示される。
toolbar_IE7_s.JPG


このツールバーの右の方にあるtool_google.JPGマークをクリックすると出てくるポップアップ画面で「検索」を選択し、「ウェブ閲覧ツール」で「送信先リンクで Gmail を使用する」にチェックを入れておけば、送信先ボタンをクリックしたときに下のスクリーンショットのように Gmail の送信画面が立ち上がる。
view_google.JPG


2008年3月31日

隠居の JavaScript :番号付きリストを降順にする。(追記)

 W3Schools JavaScript Tutorial の Loop の項まで学習して、Customaize History 履歴ページでのリスト番号を降順にする方法に使っている Expert が書いた次の JavaScript が少し理解できるようになったので、私の理解できた範囲でコメント文に記した。
<!--list descend-->
<script>
var o = document.getElementById("hoge");
//getElementById メソッドは指定ID(この場合:"hoge")のエレメント(この場合<ol>を指定する。
//"hoge"は、HTMLの<ol id="hoge"> というように指定している。
var max = o.childNodes.length;
//<ol id="hoge"> 要素内の子ノード(この場合、<li>..</li>)の数を変数 max に与える。参考:AllAbout JavaScript
for(var i = 0;i < max;i ++)
//隠居のお勉強:for loop の例
{
o.childNodes[i].value = max - i;
//子ノード<li>の i 番目に、(最大番号- i )を代入する。結果は、番号が降順になる。
}
</script> 


 なお、 Customaize History 履歴ページの番号降順設定は、上の JavaScript でInternetExplorer(IE) では上手くいっていたが、Mojilla 系の Firefox Netscape では番号が倍になり、原因が突き止められないまま放ってあった。
 今回改めて "childNodes.length" でネットサーチしてみると答えがあった。thescript.com というサイトのフォーラムによると、どうやら Mojilla 系では、 whitespace (空白スペース)をカウントの対象に入れるらしいことが分かった。
 そこで、Customaize History 履歴ページ(MovableType のインデックス・テンプレートで作成している)の編集画面で編集しやすくするために入れていた </li>....<li> の間の空白スペースを削除すると、Mojilla 系でも IE と同じように、綺麗な降順番号を表示するようになった。<li>..</li> のタグ・セット間に必ず空白スペースが入っていたので、偶然数字が倍の偶数になっていたらしい。

 この世界、学習すべきことは五万とある。死ぬまで退屈することはないだろう。