• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2007年06月10日

画像の横に文字を入れる方法(追記あり)

画像の横に文字を入れる方法(追記あり) 追記
最近UPしている2枚目以降の画像は、いちいち指定タグを打つのが面倒なので、自分がよく使うサイズのタグをあらかじめ何通りか作り、それを月の初めのblogに下書き記事で置き、そこから好みのサイズをコピーして使っています。

タグは掲示板に貼ってあります。
ご入用でしたら、掲示板からコピーして持っていってください。
(09.5.8)

 こっそり除きに行っていた[ひらり]氏のblog、綺麗な写真に見とれていて、はたと思った…『何で写真の横にコメントが入っているの?』『なんで写真が右や左に行くの?』悩んで、例の[〝よくわかる〟HTML…]。見たってわからん(ーー;)
 [だいすけ?]氏の「検索だけでスタイルシートいじりました」ってのを思い出して、検索かけたら出てました(*^^)v ここまでが、写真の横に文字を入れれるにいたった流れです。(前置き長いって怒らないで…)

いよいよ本題

二枚目の画像を入れ込むと<img src="http:// ~ jpg" border="0">こんな感じの文字が出てきます。これが画像のタグです。

この画像の右側に文字を入れたい場合は[border="0"]と[>]の間に[align="left"]と入れ、入れたい文章の最後に<br clear="all">と入れます。 追加の文字を入れ込んだ文章は下の様な感じになります。

<img src="https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/123456/p1m.jpg" border="0"align="left">実際の画像は入れたらこんな感じになります。(<>の文字が全角になっていますが実際は半角です。半角にしてしまうとHTMLタグと認識してしまうので…)写真の横に入れたい文章はここまでです。<br clear="all">ここからは写真の下に文章が入ります。

実際の画像は入れたらこんな感じになります。(<>の文字が全角になっていますが実際は半角です。半角にしてしまうとHTMLタグと認識してしまうので…)写真の横に入れたい文章はここまでです。
ここからは写真の下に文章が入ります。

 文字を左側に入れたい場合は
left の部分を right に変えるだけです。
 写真の横に入れたい文章の終わりに<br clear="all">を入れるのを忘れないようにして下さい。

 ただし、ひらり氏はこの方法を利用していません。TABLEタグを使ってやっているそうです。私には、難しくてまだ理解できませんでした。
 私の使っている方法はIMGタグのALIGNの属性で画像の位置を指定しているます。
 この方法、あまりお勧めしませんと書いてある所もあります。何でお勧めできないんだろう?
ブログ一覧 | | パソコン/インターネット
Posted at 2007/06/10 03:27:44

イイね!0件



タグ

今、あなたにおすすめ

ブログ人気記事

萩ぷりん亭 なめらかぷりん
こうた with プレッサさん

次男とツーリング。
ベイサさん

祝・みんカラ歴8年!
キルト♪さん

木更津散歩
fuku104さん

ブレーキホールド機能
パパンダさん

お風呂上がりの至福の一杯♪
シロだもんさん

この記事へのコメント

2007年6月10日 22:11
IMG ALIGNがオススメでない理由・・・
たぶん、ウィンドウサイズ可変の場合に簡単にレイアウトが崩れてしまうからだと思います(>_<;
みんカラのブログは横サイズ固定なので、使ってもレイアウトが崩れないんですよね♪

<TABLE>タグは、格子を好きなサイズで自由に描くイメージでレイアウトできるのでとても重宝します♪
コメントへの返答
2007年6月10日 23:39
ありがとうございます。何となくわかりました。
 ブログ人の方のblog、テンプレート変えるたびに(同じ3列なのに)レイアウト崩れます。そのせいなんですね。
 とりあえずは大丈夫なら、ホッとしました。
 落ち着いたら<TABLE>タグ、もう少し勉強してみます。

プロフィール

車ネタだけじゃなく、くだらないネタありのblogです。 手っ取り早く桃花を知りたい方は、[お馬鹿な奴]と思っていただければ、間違いないかと…。 桃花の本...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

掲示板

<< 2025/8 >>

     12
3456789
10111213141516
17181920212223
24252627282930
31      

リンク・クリップ

トヨタ純正 間欠間隔調整機能付ワイパースイッチ 交換 
カテゴリ:その他(カテゴリ未設定)
2016/05/27 22:50:15
CLUTCH 
カテゴリ:その他(カテゴリ未設定)
2015/04/28 20:27:40
 
ホーン交換 
カテゴリ:その他(カテゴリ未設定)
2015/02/19 00:05:26
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation