制作メモ – NonTitle

NonTitle
制作メモ

html5の不審なimgタグの余白

html5にてブロックタグの中に<img>タグを入れている場合、不自然な余白が下につく症状に遭遇し悩んだので備忘録として残しておきます。途中から手伝ったので設定が自分のと違うのでそれが原因かと勝手に思い込んでいたら違いました。

ロリポップでマルチドメイン

現在使っているロリポップのサーバーにムームーで取得した新しいドメインをマルチドメインで利用しようと思いちょこちょこっと設定してみました。設定自体簡単にできたのですが、ドメインの頭に「www」を付けられずに迷いました。。。

マウスオーバーで吹き出しを実装しようかな（未だ作ったことなし）と思い調べていたらすぐにありました。しかも「時間をかけずにできてIE6対応のもの」という望んでいたものがバッチリありました（現在はいろいろと方法があるんですねー）prototype.jsで簡単に吹き出しを実装できます。IE6も対応のサイコーにかしこいやつです。要素エリア内にマウスオーバーしたら、そのエリアだけマウスに吹き出しがくっついてきてくれますよ。

参考サイト

横幅もアルファも設定できるライブラリですので使い勝手がよさそうです。上記サイトのデモサイトでは高さ可変のCSSで対応されていますので応用して使うのがベストかな。

タグ: 制作メモ

2011/03/22 by NonTitle

制作メモ – リストタグの余白

リストタグで下に余白ができる時の対策はコレ！！


font-size:1px;
line-height:100%;


font-size:0;

いつも忘れるのでメモメモ。

タグ: 制作メモ

2011/03/14 by NonTitle

制作メモ – 最新CSSハック一覧

どんどん増えていきますねー。いつの間にかこんなにもできていました。

IE6のみに適応	セレクタ{ _color: #red; }
IE7のみに適応	*+html セレクタ{ color: red; }
IE6,IE7のみに適応	セレクタ{ /color: red; }
IE8のみに適応	html>/*/body セレクタ{ color /\**/: red\9; }
IE6,IE7以外に適応	html>/**/body セレクタ{ color: red; }
IE6〜8以外に適応	:root *> セレクタ{ color: red; }
Firefoxのみに適応	セレクタ, x:-moz-any-link{ color: red; }
Firefox 3.0以降のみに適応	セレクタ, x:-moz-any-link, x:default{ color: red; }
Firefox 3.5以降のみに適応	セレクタ, x:-moz-broken, x:last-of-type{ color: red; }
Safari 2〜3のみに適応	html[xmlns*=""] body:last-child セレクタ{ color: red; }
Safari 2〜3.1のみに適応	html[xmlns*=""]:root セレクタ{ color: red; }
Safari 3以上, Chromeのみに適応	@media screen and (-webkit-min-device-pixel-ratio:0) { セレクタ{ color: red; } }
Safari 3以上, Chrome, Opera 9以上 Firefox 3.5以上のみに適応	body:ntd-of-type(1) セレクタ{ color: red; }

タグ: 制作メモ

2011/02/22 by NonTitle

1 2 3 ＞Next

NonTitleの日々を残すブログ

html5の不審なimgタグの余白

タグ: 制作メモ

ロリポップでマルチドメイン

タグ: 制作メモ

制作メモ – 簡単ツールチップ

タグ: 制作メモ

制作メモ – リストタグの余白

タグ: 制作メモ

制作メモ – 最新CSSハック一覧

タグ: 制作メモ