|
|
|
全て
| カテゴリ未分類
| 雑学
| PC&Web
| お取り寄せ
| CSSメモ
| Web標準対応 - レイアウト実践
| Web標準
| オオイヌノフグリ成長記録
| デュランタ（タカラヅカ）の成長記録
| Web標準 -2007-
| PHP
| XOOPS
2007/07/23
テーマ：Web標準(117)
カテゴリ：Web標準
  「CSSで画像のリンクボタンを作るとき、ちょっとだけ気を使っておくってことで。」前回に続いて、これもまた 大抵のブラウザでは、そんなことにはならないので 一応、覚えておくなり、一応、書いておこうかな？程度でいいようなメモです。 CSSでレイアウトをすると リンクボタンは backgroundを使って記述してやりますね。 で、大抵、テキストリンクの設定と画像ボタンを作るときの設定って 「text-decoration」に関しては違うと思うんです。 テキストリンクのときは、下線を引くことが多いし 画像には必要ないシロモノですね。 リンクに関して、「hover」のとき「text-decoration」の設定を「none（無し）」と記述していないと 場合によっては、びよーんって下線が延びて出てしまうことがあるんです。 IE、Firefox、Opera、Safariはオッケーです。問題なし（私は遭遇していない）。 a { color: #00f; } a:hover { color: #f00; } a.menu { display: block; background: url(menu1.gif) no-repeat; text-indent: -9999px; text-decoration: none; } a.menu:hover { background: url(memu2.gif) no-repeat; text-decoration: none; } あんまり役に立たないかもしれないけれど（生きる機会が少ないから） 防げるものならシェアが少なくても防ぎたいので 今度からは、画像のリンクボタンを作るときは 念のために「none」にしておくことにします。 ２週間も書いていないと、さすがにWebスカウターの数値が落ちるね（笑） そっちは落ちても、アフィリの成果はちょっとだけイイ  最近本当に下火だったからな～ Google AdSenseもちょっとだけよかったりする♪ お気に入りブログに登録してくれた人がいたことも、この期間で嬉しかったことのひとつ。 嬉しいメッセージももらったしな～（＾▽＾） 東京２３区中心・駅近ホテルズ｜散文誌・３６５ *Web標準2007年版目次*
お気に入りの記事を「いいね！」で応援しよう
[Web標準] カテゴリの最新記事
|
