画像の横に文字を書きたい

「画像の横に文字を書きたい」の有益情報をお届け!

アフィリエイト1年生のための パソコン・アフィリエイト講座

自由自在にパソコンを使えると、アフィリエイトが楽になります^^

2006年10月27日

画像の横に文字を書きたい

「写真の横に文字を書きたい」と質問をいただきました!

質問、と〜っても嬉しいです^^
すっごく張り切っちゃいます〜♪

で、写真の横に文字…って、
たとえば、こんな感じかしら^^


mashu-chibi.jpg←この画像は、仲良くしてもらってる
親Gさんのブログからいただいちゃいました♪
私のデスクトップは今この写真で〜す^^

いいですよね〜、北海道^^ 行きた〜いっ!





こんな風に、写真と文字が並べられるといいなって思ったら
ぜひ挑戦してみてくださいね^^

画像のリンク先を別窓で開く…のときと似ています。
思い出しながら読んでね〜♪


画像の横に文字を書きたい

seesaaブログの場合です。

1 「記事投稿」の画面で、四角い枠内に記事を書きます。

2 画像を貼り付けます。
  (ここは皆さん出来ますよね?
   もしわからない方、よかったらメールください^^)


3 枠の中に、例えば

<img src="http://1nennseikouza.up.seesaa.net/image/mashu-chibi.jpg" alt="摩周湖" width="150" height="113" border="0" />

↑って感じに、また<>で囲まれたアルファベットが書いてあると思います。


4 この<>括弧の中に今回は、
 「align="left" hspace="5"」って書き込んでしまえばいいのです!


5 括弧の中<>の最後の/(スラッシュ)の前に半角を開けて
 「align="left" hspace="5"」 と書き込んでくださいね^^

↓こんな感じです。

<img src="http://1nennseikouza.up.seesaa.net/image/mashu-chibi.jpg" alt="摩周湖" width="150" height="113" border="0" align="left" hspace="5" />


6  貼り付けた画像が左側に寄せられて、文字が右に回りこみましたか?^^



おまけ
文字を左に寄せたいときには
align="right" hspace="5"
です。


hspace="5"」って書き込むと、画像と文字の間が少し離れるので、
ちょっと読みやすいと思います^^


それから、画像の横に書きたい文章の位置も
「…ここまでを画像の横に」
「…ここ以降は、画像の下に」ってことがありますよね?


そういう時には
「…ここまでを画像の横に」っていう部分が終わったところに

<br clear="all" />と書き込むといいんですよ〜^^

ぜひ、試してみてくださいね!!



 ↓あなたのお役に立てましたか?
  応援クリックお願いします!
banner_02.gif


posted at 18:21
Comment(30) | TrackBack(0)
カテゴリー:ブログカスタマイズ
エントリー:画像の横に文字を書きたい
この記事へのコメント

すみれさん こんばんは^^

今日も感謝感激ブログ坊主です♪


これ前からやりたかったけど
わからなくて断念した事が何回あったか・・・(涙)

ホント助かります。
次はこれで余裕ですよ(笑) 


ボクも図々しく質問させていただいていいですか?

テキストリンクを少し間を空けて
横に並べるにはどうしたらいいんでしょうか?

機会があったらでいいです。
教えてください^^


最後にこの写真は摩周湖ですね♪

ボクは実家が比較的近めなんですよ。

素晴らしい景色です^^
すみれさんもぜひぜひ♪


では、長々と失礼しました〜。

あたたたたた〜!! 応援北斗百裂拳^^

Posted by 「ブログ坊主」のハッピー♪ブログアフィリエイト at 2006年10月27日 21:28
こんばんは! 電脳牧師のたいぢです。

質問が来て、それに答える。いいですね、双方向コミュニケーションって感じで。
なんか、パソコン教室に来ているみたい(^^)

応援ポチッ☆

笑顔同封 たいぢ
Posted by たいぢ@電脳牧師 at 2006年10月27日 22:42
おお!この技はバリ×2役に立ちます。
というか知らなかったです。
sumire先生、(〃・∇・)oすごいよぉ♪
(・θ・)>ちびっと、感心しました!
Posted by ヘタ at 2006年10月28日 00:57
sumireさん、こんにちは、親Gです!
早速、お願いした件とりあげてもらって有難うございます。
書いてもらったとおりやってみたのですが、なかなかうまくいきません。
実は…
私は、バナー広告の横に文字を入れたいと考えているんですが、そのバナー広告の< >内のアルファベットの最後の部分がsumireさんが、5括弧の中<>最後の/(スラッシュ)の前に半角を開けて…のところであげた例と違う終わり方をしているんです。スラッシュも最後の部分にありません。ですから、どこに「alighn="left"haspace="5"」って書き込んでいいのかわからないのです。お時間があるときでいいので、教えてください。『応援ポチ!』
Posted by 親G at 2006年10月28日 01:06
こんちわ〜^^

昨日はこれなくてごめんなさい
ぶっ倒れてました(笑)

ためになるパソコン教室だぁ^^
これってわかんなかったんですよ
助かります^^

『応援ぽち♪』
Posted by 2児のパパ『とっくん』 at 2006年10月28日 01:34
こんばんは、タカです。本日は、応援ボタンのみを押しに参りました。なお、コピペなのでお返しの訪問は結構です。応援ポチ
Posted by タカ at 2006年10月28日 01:53
すみれさん、こんにちは

いつもながら丁寧な解説ですね、さすが。。。^^
ネットビジネスで自由な時間を手に入れて、北海道旅行。。。。行きたい摩周湖、知床。。。

応援 ポチッ!
Posted by ひろゆき at 2006年10月28日 11:06
sumireさん&#63899;
はじめまして、土建屋ムサシっす&#63733;
いつも応援ありがとうございまする&#63903;
昨日は伺えずに、すみませぬm(__)m
携帯からっす。
お〜これ、わからなかったのですよ〜&#63893;
ありがとうございます。&#63904;
しっかりと、つかわさせて、いただきまする&#63898;
また、お邪魔いたしますね。
では〜百万トン級&#63913;応援ポチドン&#63913;
Posted by 土建屋ムサシ at 2006年10月28日 11:17
sumireさま

まやこです。
わたしもコレ、知りたかったんです!
ありがとうございました☆

今までは、
「テーブルを使うのかな?
 でもブログの中にテーブルを書いたら表示される?」
とか考えてました。
hspaceの数字は行数ですか?
ちがってたらごめんなさい。

ちなみに「っ」はShift+「つ」で出しています。
パソコンの導入が遅くてワープロ時代が長かったので、
今でもカナ入力なんです(^^;

応援クリックぷちっ♪
Posted by 笑うフリーター◎善方まやこ at 2006年10月28日 13:47
すみれさん こんばんはぁ^^
ブログ坊主です。

今日はお礼をしに来ました〜☆

昨日この記事のおかげで
ある作業がとてもはかどりました♪

今日も続きをする予定です。

ありがとうございます^^

ボクもすみれさんのような
本当に人の役に立つブログをもっともっと目指します。

では、お礼の応援です♪
あたたたたた〜!! 応援北斗百裂拳^^

Posted by 「ブログ坊主」のハッピー♪ブログアフィリエイト at 2006年10月28日 19:30
こんばんわ m(__)m

本日はリンク完了の報告の挨拶と
記念にポチっと押させていただております。

また来ますのでよろしくです

では。願いを込めて@ポチ

Posted by フルーツ牛乳ひろあき at 2006年10月28日 20:18
私も、出来るだけはやくこの方法使わせていただきます。
まずは、写真を撮らないといけないけど(^^ゞ
感謝です。
Posted by 元パティシエ主婦じゅんこ at 2006年10月28日 21:00
sumireさん、今日もこんにちは!
バナーの件是非お願いしますね。
それにしても質問を書き込むのは、恥ずかしくて少々躊躇したのですが、意外にみなさんも悩んでいたようで恥をかいたかいがあったかもしれません。

ダイエットには、まだまだチャレンジしますよ!
《応援ポチ!》やっていきます!
追伸:実は今日も釧路湿原までドライブしてきました。
丹頂が群れをなしていたので、驚きました。
Posted by 親G at 2006年10月28日 22:04
こんばんわ、いつもお世話になってますらっきょです。
この写真(ってそっちに食いつくのか)は摩周湖ですね!すげー、晴れてますねー^^

どうしても文字が変に下いっちゃうんですよね・・・参考になりました!ので応援クリックしていきますね^^
Posted by らっきょ at 2006年10月28日 23:03
こんばんはーたかです。また遊びに来ます。応援ポチ
Posted by タカ at 2006年10月29日 00:12
この技&&hearts;技マスターしましたよ。
写真の技は、ブログで確認してください。
勉強になりました。ありがとです!<(_ _)>
Posted by ヘタ at 2006年10月29日 10:05
●ブログ坊主さん

テキストリンクの並べ方…
質問ありがとうございます!
じゃ、早速記事書いて載せますから、
ちょっとだけ待ってくださいね!
でも、ある作業って??? 気になる〜(笑)

ブログ坊主さんも、北海道出身なんですか?
北海道大好きなんです!
行きたいなあ…^^


●たいぢさん

そうなんです!!!
双方向コミュニケーション&hearts;
もう嬉しくて、嬉しくて!!!
自分の勉強にもなるし、最近毎日楽しいです^^


●ヘタさん

早速使ってくれてるんですね〜!
ちびっと感心…あはははは^^ 嬉しいです〜^

写真も拝見しましたよ〜、最初は何だかわかりませんでした^^;


●親Gさん

質問ありがとうございました!! &写真も^^
「画像の横に文字を書きたい」って、
知りたい人が多かったようで嬉しいです!

バナーの件、次の記事で書きますので見てくださいね!

それからダイエット…私も真剣に考えます^^;
色々教えてください。


●とっくんさん

お疲れなのに訪問ありがとうございます^^
でも季節の変わり目だし…、体には気をつけてくださいね!

役に立ちました? 嬉し〜
無料パソコン教室です^^ 活用してくださいね♪


●タカさん

何度も訪問&応援ありがとうございます!
来てくださって嬉しいです^^
私もまた遊びに伺いますね


●ひろゆきさん

私も北海道に行くぞってことを、モチベーションにして頑張ってるんです!

でも最近は…記事を考えたり書いたり、
皆さんのブログに伺うのが純粋に楽しいです^^


●ムサシさん

にぎやかなコメントありがとうございます♪
お役に立てたみたいで嬉しいです〜

百万トン急の応援もありがとうございますっ^^
私もちょくちょく伺わせてくださ〜い^^


●まやこさん

テーブル使ってる人もいると思いますよ〜
目次なんかは、テーブルで並べるときれいに出来るし…

「hspaceの後の数字」は文字と写真との空きスペースなんです。
5は5px(ピクセル)でした…
説明不足でごめんなさい!(>_<)

かな入力って速いんですよね!
そっちのほうがいいじゃないですか〜^^


●ひろあきさん

リンクありがとうございます!
MACの記事もかかれるんですか?
今MAC欲しいんですよ〜^^ 期待してます♪
これからぜひよろしくお願いします^^


●らっきょさん

はい!憧れの摩周湖なんです〜^^
すっごいきれいですよね〜!
あ、、でもこれ…
実は自分の印刷用にちょこっといじっちゃったの(>_<)
青を明るめに…。わ〜言っちゃった!
親Gさんに怒られちゃうかな…

文字を思う位置におきたいって思いますよね!
お役に立てたなら嬉しいです〜^^
Posted by sumire at 2006年10月29日 11:51
こんにちは!
ご訪問&リンク依頼ありがとうございました。

HTMLって、ナカナカ覚えられないですよねぇ。
必要な時は本棚と格闘です(笑)。

御ブログ、色々と参考にさせていただきたいと思っています。
また来ま〜す!応援P♪
Posted by とってちぃ@リンク完了しました at 2006年10月29日 11:58
sumireさま

まやこです。
いちおうローマ字もできますけど、
普段は完全にカナです。
慣れもあると思いますけど、
一文字一キーで出る分、こっちの方が速いですよね。
先生のお墨付きが出たので、
堂々とカナ入力していきます(笑)

応援クリックぷちっ♪
Posted by 笑うフリーター◎善方まやこ at 2006年10月29日 13:26
●とってちぃさん

訪問&リンクありがとうございます!
これからどうぞよろしくおねがいします^^
仲良くしてくださいね^^


●まやこさん

そうそう、だから先生でも使い分けてる人がいますよ!
普段学校ではローマ字で、それ以外はカナで!
早くって、うらやましいです〜^^
Posted by sumire at 2006年10月29日 15:21
こんばんは、すみれさん。

私も、知りたかったことです。
もう一つのブログで、写真を入れたいな〜
と思っていたので
とっても助かりました。

すみれさんのブログ、まとめたら
一つのレポート作れますね。

応援ポチ☆

Posted by momo at 2006年10月30日 23:32
●momoさん

お役に立てたみたいで、嬉しいです^^
レポート…そうですね〜
記事がたくさんたまったら、レポートにまとめてみようかな^^
Posted by sumire at 2006年11月01日 11:49
はじめまして!
すみれさん!すごいです!感動です!
チョ〜初心者で何にもできない私が・・これ出来ました!!ありがとうございます!
これからもいろいろ教えてくださいね♪


☆応援クリック☆
Posted by やまみさ at 2006年11月03日 15:41
●やまみささん

はじめまして^^
試していただけたんですか?
お役に立てたのなら嬉しいです〜

こちらこそこれからよろしくお願いします^^
実はリンクもさせていただいちゃいました。
仲良くしていただけると嬉しいです♪
Posted by sumire at 2006年11月03日 22:18
やっと先生を見つけた気分です。
イラストの画像(写真ではなく)を縮小するにはどうしたらいいでしょうか。私の富士通のパソコンにはフォトレタッチがありますが、これでは写真は縮小できますが、手書きのイラストは縮小できません(あるいは、やり方を知らないのかもしれませんが)。どうぞよろしくお願いします。
Posted by フォース at 2006年11月17日 10:29
●フォースさん

はじめまして^^
こちらこそ、これからどうぞよろしくお願いします。

イラストも画像にしてしまえば、写真と同じように
扱えるんですよ^^
そのサイズを変えたいイラストは、自分で書いたものですか?
スキャナーで取り込んで、JPEGなどの形式で保存すると
写真のように加工できると思います。

また持ってらっしゃるのは、FMVの@フォトレタッチでしょうか?
調べてみたらホームページに画像のサイズの変え方の
説明が載っていました^^

http://azby.fmworld.net/usage/practical/007/page02.html
↑このページの下のほうです。
よかったら見てみて下さいね^^

Posted by sumire at 2006年11月17日 18:11
sumireさん、こんにちは、親Gです!
早速コメントありがとうございました。

あ〜やっぱり確認してよかったです。
さんざんお世話になっておきながら、何の音沙汰もない状態になっていたなんて、申し訳なく思っています。

以前送ったつもりになっていたメールが消去されずに残っていたのでそのまま先程送付しました。今度はトラブルなく送れたのでつくと思います。

これにこりずにこれからも仲良くしてやってください。
『応援ポチ!』
Posted by 親G at 2006年11月23日 22:56
●親Gさん

こちらにコメントくださったのですね^^
メールありがとうございました!
とっても嬉しかったです^^
こちらこそ、これからもずっと仲良くしてくださいね^^
Posted by sumire at 2006年11月24日 12:48
こんにちは (^^)/ トシと申します

momoさんのところから飛んできました。
私はこれをするのに、tableを使うしかない
と、思い込んでいました。
いろいろ勉強させてもらいます。

応援★彡クリック♪
Posted by トシ@独立クリエイター at 2006年12月12日 21:39
sumireです。

念願が叶って
「摩周湖」に行くことが出来ました^^

とてもとても綺麗で、とにかく感動しました^^
皆様のおかげです!
いつも本当にありがとうございます^^
Posted by sumire at 2007年08月27日 18:48
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/26277305

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。