テキストリンクの反応範囲を広げる方法
テキストリンクのhover反応領域に幅を持たせたいとき
●display:blockを書く
これで大体のブラウザは、aタグの親タグの幅を反応領域にしてくれる
ただ、IE6は聞いてくれない
そんな時は
●zoom:1;をつける
これでIE6でも上記のように反応してくれるようになる
○でも、さらに高さが足りない…！というときは
line-heightを増やすと 若干は改善される模様
-----------[サンプルコード]
<p><a href="#">リンク</a></p>
p {
width: 200px;
border: solid 1px #666666;
text-align: center;
line-height: 2.0;
}
a {
color: #0099FF;
display: block;
zoom:1;
}
a:hover {
background-color: #CCFF66;
}
**
mokkun
IEのわな
リンクの下線がガタついた。
＊がたがた図
調べてみると
aタグのデフォルトやら
“text-decoration:underline;”でアンダーラインを付けていると
一定の条件下で起こるらしい
【詳細】
http://adp.daa.jp/archives/000783.html
上記サイトからの簡略条件
・IE6/7のみで起こる
・利用者のIEのデフォルトフォントがメイリオ
・日本語の文に優先的に半角英数のフォントが指定されている
・同じ要素内、あるいは内包する要素内に
“vertical-align:baseline;”以外が指定された（つまりデフォルトの状態ではない）
imgやらinputが存在する
まさにその通りでした…。
仕様がないので
IE6/7はvertical-alignの設定を無しで何とかしようと思います。
＊その後
**
mokkun
祝っていただきました♪
7/12 は田中さんのB.D
7/6 は私のB.D
ということで…
じゃじゃーん！
なんと サプライズケーキです
スポンジはふわっふわ
生クリームたっぷりでフルーツの彩りもきれいなケーキです
四人でしたので
一人分もすごく大きくて食べ応え抜群！
とっても美味しかったですよ！
田中さん おめでとうございます！
akaさん 三上さん どうもありがとうございましたー！
**
mokkun
連携授業（第四回）
本日第四回目の連携授業が行われました。
授業のテーマは「コンセプトを基にラフを20案つくる」です。
↓授業風景の様子です。
学生のみなさんは熱心に聞き入っていました。
引き続き頑張りましょー。
ファビコン奮闘記
ファビコンを作ったところ、白ふち、ジャギりが出ました
白いブラウザなら気がつかないのですが、
黒や灰色のブラウザで確認すると白ふちが…
photoshop CS3で
psdを”web用に保存” で 拡張子を .ico にして作っていました
gifの形式の マットの色を調節しても、
縁が出ることに変わりはないようです
例えば、灰色のマットにして、黒系のブラウザで見目良くなっても
白ブラウザだと縁がジャギって見えます。
はたしてこの解決策は…！
綺麗なファビコンを作ることはできないのか…！？
と 言う奮闘の末 発見した方法が これ↓
＊＊------------------------------＊＊
”web用に保存” にて PNG-24で一度保存
↓
”別名で保存” にて .ico 形式で保存
＊＊------------------------------＊＊
透過処理で縁もばっちりですよ！
**
icoと言えば…最近 ワンダと巨象買ったんですよ…！！
mokkun
Flashボタンが動作しない（FireFox）
以下の場合、FireFoxでflashのボタンが動作しなくなります。
* Flash貼り付け時にwmode=transparentを指定している(opaqueも同様)。
* Flashを囲っているdivのposition指定がabsoluteだった。
* なおかつスクロールバーがある場合
ロールオーバーさえ反応せず。。
なんとも悲しい不具合を発見しました。
今回はFlash貼り付けを不透明にして解決しました。
ググると色々でてきますので
参考URLは省略します。
東北も梅雨に入りました。
洗濯王子の洗たく本にならって
ちゃんとしたお洗濯を心掛けたいと思います。
生乾きご法度。
akai
黒い線を白くしてみました
白地に鉛筆で描いた文字を
色地に白抜きで表示させる方法
※ なるべく 白は白いほうが良いです
これを白文字にします。
ちなみに色域選択等では 選択範囲が思うようになりませんでした。
色地に乗算ではこうなります。
これの白文字版を作るのが目標です。
＊＊
１．”さんぷる”のレイヤーモード：スクリーン
２．調整レイヤー：階調の反転 を作成 １．のれいやーにクリッピングマスク
このままでは薄いので
３．白塗りのれいやーを作成 レイヤーモード：オーバーレイ で
２．のレイヤーの上にくるように １．にクリッピングマスクする
これで 目標が出来上がりです。
文字に色味が混じる際には 彩度などを調節すれば良いと思います。
＊＊
mokkun
いろいろショートカット紹介
最近ショートカットを探しまくってます。
少しでも早く…という思いなのですが
たまにマウスのほうが早かったりします
＊＊便利ショートカット
▼windowsXP
－Ａｌｔ＋Ｔａｂ ＝ アプリケーションの切り替え
－メニューキー＋D ＝ デスクトップ表示
※メニューキー：windowsのマーク付きのキー
－メニューキー＋Ｅ ＝ マイコンピューターを表示
ショートカットではないですが
Ａｌｔ＋スペースキー の後に Ｎ を押すと アクティブウィンドウの最小化
(こちらはショートカットがないそうです ※XPには)
▼Ｐｈｏｔｏｓｈｏｐ(CS2と3で確認)
－Ctrl＋T ＝ 自由変形
－Ctrl＋Tab ＝ 複数開いているウィンドウ(カンバス)の切り替え
－Ctrl＋Backspace ＝ レイヤーを背景色で塗りつぶす
－Ctrl＋Alt＋G ＝ クリッピングマスクの作成
ショートカットではないですが
文字ツールで通常のEnterを押すと改行しますが
テンキー(数字)側のEnterを押すとテキストの確定します。
そのうちマウス使うのが億劫になってきちゃうんですよね…！
最近は
Photoshopのレイヤーロックのアイコンサイズが小さくて押しづらいので
ショートカットを作りたいのですが
なぜかショートカットの項目にレイヤーロックが見つからないのが不思議で仕方がありません
Illustratorにはあるのですがなぜなのでしょうか…
＊＊
mokkun