【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9238　画像（バナー等）に文字を入れたときの見え方について

[はな] [ブラウザ]　 07/05/02 (水) 13:45

はじめまして。ボランティアでHP作成をしています、はなと申します。
よろしくお願いします。

初歩的なことかもしれないのですが、質問させてください。
不適切な内容であれば削除していただいて構いません。

質問ですが、バナーや画像に文字が入っているのはよくあることですが、
その文字の見え方（と言えばいいのでしょうか？）、見た目（？）についての質問です。
わたしが使っている画像作成ソフトだと、画像の上に文字を乗せるときは、
この掲示板の『新規投稿』のようになってしまうのですが、
わたしは、画像の上に乗せる文字を、今ここで打っているような文字を乗せたいのです。
見た目を、こういう文字にしたいのです。

これは、ソフトによって違うのでしょうか？
それともどのソフトでもできることなのでしょうか？
調べてみたのですが、どういった言葉で検索していいかもわからず。。。

アドバイスいただけると嬉しいです。よろしくお願いします。

▼

▼

▼

　 No.9240　Re:画像（バナー等）に文字を入れたときの見え方について

[atom] [ブラウザ]　 07/05/02 (水) 21:10

画像ソフトによって違いますが、縁取りが出るということでしょうか？
それとも影がつくということでしょうか？

それはそれぞれの画像ソフトの使い方ですので、そのソフトのサポートなどで訪ねられるといいでしょう。

▼

▼

▼

　 No.9242　Re:画像（バナー等）に文字を入れたときの見え方について

[やままる] [ブラウザ]　 07/05/02 (水) 21:53

> わたしは、画像の上に乗せる文字を、今ここで打っているような文字を乗せたいのです。
> 見た目を、こういう文字にしたいのです。

たぶん、文字を画像にするのではなく、通常のテキストにして、それに画像を背景として指定する方法を尋ねられているのだと思います。このサイトのCSSサンプルに解説があります。

ただし、画像の中央に文字が来るようにするためには、（本来の役割と違うので、私は奨励しませんが）table によるレイアウトが必要だと思われます。

<table style="height: px width: px" border="0" >
<tr><td style="text-align: center vertical-align: middle background-image: url(フォルダ名/ファイル名)">テキスト</td></tr>
</table>

▼

▼

▼

　 No.9244　訂正

[やままる] [ブラウザ]　 07/05/03 (木) 08:00

上記[9242]において、style属性の記述が正しく表示されていないことに気づきました。
すなわち、プロパティとプロパティの区切りにセミコロン()が存在するはずで、実際その通りに書いたのですが、この掲示板ではなぜか表示されません。

どういうわけか分かりません。< >に&lt　&gtを使わなかったためか、と思ったのですが、どうやらそうではないようです。

テスト
全角セミコロン→；
半角セミコロン→

▼

▼

▼

　 No.9247　Re:訂正

[atom] [ブラウザ]　 07/05/03 (木) 14:49

失礼いたしました。

セミコロンの件は今直しました。
セキュリティを強化したときに間違った処理を埋め込んでしまったようです。

連続セミコロンのテスト→;;;;;

▼

▼

▼

　 No.9248　Re^2:訂正

[はな] [ブラウザ]　 07/05/04 (金) 00:07

やままるさん

お返事どうもありがとうございました！
ご親切なお返事をいただいたあとで大変申し訳ないのですが、問題が解決してしまいました。
というのも、やままるさんのお返事を読んでからCSSサンプルを見てみて、
『わたしがしたいこととちょっと違うなぁ』と思いお返事を書いたのですが（そのお返事は削除しました）、そのあとに、ソフトでいろいろと試してみたら、ここでお聞きしていたことができてしまったのです。

テキストを入力してから『アンチエイリアスをオフ』にしたら、
ここで打つような文字を画像の上に乗せることができました！

ここで質問させていただく前にいろいろと試してみればよかったです。
なぜ今までしてみなかったのか自分でも呆れました。。。
どうもすみませんでした。ありがとうございました！

▼

▼

▼

　一覧 / 詳細