Page 985 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ INDEX ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼ボタンのうえに文字 hiroki 05/4/5(火) 0:40 ┗Re:ボタンのうえに文字 むむりく 05/4/5(火) 0:49 ┗Re:ボタンのうえに文字 hiroki 05/4/5(火) 1:13 ┣Re:ボタンのうえに文字 むむりく 05/4/5(火) 1:51 ┗Re:ボタンのうえに文字 Pid 05/4/5(火) 2:57 ┗Re:おふとぴ むむりく 05/4/5(火) 3:19 ┗Re:おふとぴ hiroki 05/4/5(火) 5:36 ─────────────────────────────────────── ■題名 : ボタンのうえに文字 ■名前 : hiroki ■日付 : 05/4/5(火) 0:40 -------------------------------------------------------------------------
フリー素材のボタン用のgifを使おうとしたんですが、欲しい文字が書いてあるボタンが無かったので、何も書いてないやつをつかったんですが、どうやっても そのgifのうえに文字を乗せることが出来ません。 どうすればいいのでしょうか |
▼hirokiさん: > フリー素材のボタン用のgifを使おうとしたんですが、欲しい文字が書いてあるボタンが無かったので、何も書いてないやつをつかったんですが、どうやっても >そのgifのうえに文字を乗せることが出来ません。 >どうすればいいのでしょうか 「どうやっても」でやってみたことを、教えてもらえますか? 同じ方法を回答してしまうと困るので。 |
▼むむりくさん: >「どうやっても」でやってみたことを、教えてもらえますか? >同じ方法を回答してしまうと困るので。 > 返信ありがとうございます。 何も書いてないボタン用gifに、「FLASH」と書きたかったのですが、 知識不足なのでじぶんがかんがえられるやりかたは <a href="flash.html" target="contents"> <img src="free01.gif" border=0 name="img_1"></a> ↑これが基本の文章 対策1の後 <a href="flash.html" target="contents">FLASH <img src="free01.gif" border=0 name="img_1"></a> 対策2の後 <a href="flash.html" target="contents"> <img src="free01.gif" border=0 name="img_1">FLASH</a> この2つしか思いつかなかったのですが、どちらもできませんでした。 対策を教えていただけたらありがたいです。 |
>返信ありがとうございます。 >何も書いてないボタン用gifに、「FLASH」と書きたかったのですが、 >知識不足なのでじぶんがかんがえられるやりかたは > <a href="flash.html" target="contents"> > <img src="free01.gif" border=0 name="img_1"></a> > ↑これが基本の文章 >対策1の後 > <a href="flash.html" target="contents">FLASH > <img src="free01.gif" border=0 name="img_1"></a> >対策2の後 > <a href="flash.html" target="contents"> > <img src="free01.gif" border=0 name="img_1">FLASH</a> >この2つしか思いつかなかったのですが、どちらもできませんでした。 >対策を教えていただけたらありがたいです。 了解しました。 方法はいくらかあると思うのですが、 確実なものは画像自体を編集してしまうことです。 Windows付属のペイントでも可能ですが、 http://siriasu.s10.xrea.com/webtips/bmp_mojiire.htm 専用のものを使う方が綺麗に仕上がるかもしれません。 http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%B2%E8%C1%FC%A4%F2%B7%DA%A4%AF%A4%B7%A4%BF%A4%A4#content_1_3 是非挑戦してみてください。 |
CSS で背景に回すという手もあります。 <ul> <li>FLASH</li> </ul> li { padding: 5px 10px; /* 適当に調節 */ background: url("menu-item.png") no-repeat left top; } ぶっちゃけ,img 要素なんて滅多に使うものではありません(「ここぞ」という場面以外,画像は全て背景に回した方が良い)。 ※初めてアニメ GIF を背景にしたときの感動は今でも覚えとる (^^;)。 |
>※初めてアニメ GIF を背景にしたときの感動は今でも覚えとる (^^;)。 告白: list-style-image 好きです|_ー) |
返信を下さったみなさん、ありがとうございます! おかげで文字を乗せることが出来ました。 私はPICTBARをつかって画像を編集する方法を選ばせていただきました。 本当にありがとうございました。 |