ホームページ作成 質問過去ログ

                                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のうえに文字を乗せることが出来ません。
どうすればいいのでしょうか
 ───────────────────────────────────────  ■題名 : Re:ボタンのうえに文字  ■名前 : むむりく  ■日付 : 05/4/5(火) 0:49  -------------------------------------------------------------------------
   ▼hirokiさん:
>    フリー素材のボタン用のgifを使おうとしたんですが、欲しい文字が書いてあるボタンが無かったので、何も書いてないやつをつかったんですが、どうやっても
>そのgifのうえに文字を乗せることが出来ません。
>どうすればいいのでしょうか

「どうやっても」でやってみたことを、教えてもらえますか?
同じ方法を回答してしまうと困るので。
    
    
 ───────────────────────────────────────  ■題名 : Re:ボタンのうえに文字  ■名前 : hiroki  ■日付 : 05/4/5(火) 1:13  -------------------------------------------------------------------------
   ▼むむりくさん:
>「どうやっても」でやってみたことを、教えてもらえますか?
>同じ方法を回答してしまうと困るので。
>     

返信ありがとうございます。
何も書いてないボタン用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つしか思いつかなかったのですが、どちらもできませんでした。
対策を教えていただけたらありがたいです。    
 ───────────────────────────────────────  ■題名 : Re:ボタンのうえに文字  ■名前 : むむりく  ■日付 : 05/4/5(火) 1:51  -------------------------------------------------------------------------
   >返信ありがとうございます。
>何も書いてないボタン用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

是非挑戦してみてください。    
    
 ───────────────────────────────────────  ■題名 : Re:ボタンのうえに文字  ■名前 : Pid  ■日付 : 05/4/5(火) 2:57  -------------------------------------------------------------------------
   CSS で背景に回すという手もあります。

<ul>
<li>FLASH</li>
</ul>

li {
 padding: 5px 10px; /* 適当に調節 */
 background: url("menu-item.png") no-repeat left top;
}


ぶっちゃけ,img 要素なんて滅多に使うものではありません(「ここぞ」という場面以外,画像は全て背景に回した方が良い)。

※初めてアニメ GIF を背景にしたときの感動は今でも覚えとる (^^;)。
 ───────────────────────────────────────  ■題名 : Re:おふとぴ  ■名前 : むむりく  ■日付 : 05/4/5(火) 3:19  -------------------------------------------------------------------------
   >※初めてアニメ GIF を背景にしたときの感動は今でも覚えとる (^^;)。
告白: list-style-image 好きです|_ー)    
    
    
    
 ───────────────────────────────────────  ■題名 : Re:おふとぴ  ■名前 : hiroki  ■日付 : 05/4/5(火) 5:36  -------------------------------------------------------------------------
   返信を下さったみなさん、ありがとうございます!
おかげで文字を乗せることが出来ました。
私はPICTBARをつかって画像を編集する方法を選ばせていただきました。
本当にありがとうございました。
    
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 985