January 2013
January 28, 2013
facebookのlikeボックスがflashファイルに重なる
facebookのlikeボックスで「いいね!」を押したときにコメント入力する吹き出しが表示されるのだが、
これがflashのファイルと重なった部分が裏側に回ってしまい、投稿ボタンが押せないと言う事象。
以下でOKそう。
<div id="image_swf"></div>
この辺参考にしました。
http://lala-rockets.com/blog/2008/09/flashlightboxswf.html
http://www.hakkaku.net/articles/20080917-269
SWFObjectを使っていない場合は一つ目のリンクの方法のみでOK。
<div id="image_swf"></div>
<script type="text/javascript" src="/js/swfobject.js" ></script>
<script type="text/javascript">
<!--
var flashvars = {};
var params = {
wmode:'transparent';
};
var attributes = {};
swfobject.embedSWF("/swf/hogehoge.swf?", "image_swf", "400", "300", "9.0.0","expressInstall.swf", flashvars, params, attributes);
//-->
</script>
この辺参考にしました。
http://lala-rockets.com/blog/2008/09/flashlightboxswf.html
http://www.hakkaku.net/articles/20080917-269
SWFObjectを使っていない場合は一つ目のリンクの方法のみでOK。
January 21, 2013
January 14, 2013
IE でlistを使ったら1.1.1.になった
ちょっとした備忘録。
サイト制作上で、olとliのリスト表示を含むhtmlファイルを素材としてもらった。
それをFirefoxやChromeで確認したらOkだったけれど、
IEで確認したら、「1.」ばかりのリストになってしまった為修正を入れた、というお話。
どうも、liにいれてる「zoom」が悪さをしているらしい。
こちらを参考に修正しました。
IE、Chrome、Firefoxで改めて確認してみることに。
こんな感じでテストページを作成して確認。
<style type="text/css">
ol {
margin-left:10px;
list-style-type:decimal;
}
li{
zoom:1;
}
</style>
りんご生産量ランキング
<ol style="list-style-position: outside">
<li>青森</li>
<li>長野</li>
<li>岩手</li>
<li>山形</li>
</ol>
左から IE 7.0、Chrome 12.0、FireFox 3.6
そうね、順番なんてつけずみんな一緒!
…というわけにはいかない。
ランキングの意味がなくなっちゃうしね。
で、先ほどのソース内CSSに、以下を追加
li{
zoom:1;
display:list-item; ←コレ追加
}
結果。
これでOK(なのか?)。
zoomをつけた場合に上記起こるらしいのだが、
きちんと各種ブラウザで確認しなきゃね、というお話。
January 07, 2013
[Mac]Windowsキーボードを使う際のメモ
VMWareFusionでWindowsを使いたかったので、
Windowsのキーボードをそのまま流用してMacで使っている。
キーの表記、種類が異なるので、そのあたりのメモ。
以下、キー対応。(Mac → Windows)
Command → Windows
option → Alt
return → Enter
delete → BackSpace
delはWindowsだとカーソルの右側を消すキーなので、ちょっと紛らわしい。
その他キーは、
F12キー長押しでCD/DVDのイジェクト
「半角/全角」「カタカナ/ひらがな」キーは使えないので、「Windows」+「スペース」で切替。
その他はだいたいそのまま使える。