2009-05

今日は画像のリンクの枠の装飾方法を考える機会があったので、それについて。
これでも一応設定きくんだなぁ、というメモなので、役に立つかどうかは不明…

何も設定していないとこんなかんじで、画像にリンクを貼った場合青い枠（左）がでます。（クリック後は紫色（右））
で、リンク色をcssで設定していると、Firefoxで見たときは枠の色がリンクの文字色と同じになります。が、IE6では何も変わりません。
これがIE6でも同じように枠の色を変えられないかなぁ、と思ってcssを書いてみました。

a img	{
	border:none;/*まずリンクの枠を消す*/
	padding:2px;/*消したボーダー分の余白を設ける*/
	background:#333333;/*枠の色にしたい色を設定する*/
}
a:hover img	{
	background:#999999;/*リンク画像にマウスを乗せたときの枠の色を指定する*/
}

これがいいかなぁ、という感じです。
別に↓でもいいんじゃ…と思ったんですが

a img	{
	border:2px solid #333333;/*通常時のリンク画像の枠の色*/
}
a:hover img	{
	border:2px solid #999999;/*マウスを乗せた時の枠の色*/
}

これだとIE6の方では全く効果がなかったです。Firefoxでもa:hoverの指定のみ効果があるようで…。
画像に枠をつけるのにbackgroundで指定するのもちょっと変わってる気がしますけどね。
他にもっと楽な方法ないかなぁ。

前回の更新からはや3週間。さすがに間が空きすぎですね…
もうちょっとマメに更新できるようにがんばりたいです。

昨日はお客様のサイトのメインイメージを3パターン作成しました。
その作成中に、自分でテクスチャをいくつか作って、とりあえずデスクトップに保存してFireworksに読み込ませたんですが、あとから本来テクスチャが保存されている場所に移して、そのファイルを指定して読み込ませると、同じテクスチャが2つ登録されてしまいました。
※会社のFireworksのバージョンは8です。

個別に削除する方法はないのかなぁーと検索してみたんですが、みつけられず…。
全く同じテクスチャが2つ並んでいるのもいやなので、どうにかできないものかとFireworksをいじってみたところ、

「環境設定」の「フォルダ」タブ内の「テクスチャ」の項目から、
参照をクリックしてFireworksのテクスチャが格納されているフォルダを選択して、Fireworksを再起動すると、そのフォルダにあるテクスチャのみが読み込まれ、再起動前まで読み込んでいたテクスチャのリストが更新されるようで、同じテクスチャが2つ読み込まれることもなくなりました！
いっぺんにテクスチャをたくさん読み込ませたい時にも便利かも知れません。

今度からテクスチャを作ったらちゃんと本来のテクスチャフォルダに保存しようと思います…