Happy Life

イベント

(17)

tickle tickle テン… うなままさん
◆ﾃﾝﾌﾟﾚｰﾄ配布◆YUMEみ… yumeyumekoさん
豊ノ島のブログ 豊ノ島さん
毛玉牧場 まぐろのももにくさん
楽天広場HTML講座 Lemon♪さん

Comments

blue_a_pirate @ 初めまして楽天ブログでテンプレートが使えるのを最…

きっこ@ お願い致します私も六枚を縫い合わせるところがわかりま…

yumepop @ Re:マフラー(10/29) こんにちは(*´∇｀*)♪ 久しぶりにテンプレ…

Hod @ 凛さんへテンプレートを使わせて頂きました。とて…

うさぎ@ Re:お花のヘアゴム♪作り方(05/21) かわいいです!!まだ見てもらえるかな。作…

Keyword Search

▼キーワード検索

画像と文章を並べる

(4)

テーマ：私のPC生活(7434)

カテゴリ：テンプレ作り方

只今ランキング５位です

画像と文章の組み合わせについてです。

画像

価格

商品説明

<table border="1"><tr><td rowspan="2" width="130" height="130">画像</td></tr><tr><td width="130" height="30">価格</td></tr><tr><td width="130" height="100">商品説明/td></tr></table>

こういう枠を作って、もう一つ大きなで囲んでみます。

１８９円

アイアンバードです。　我が家にもあります＾＾　お値段も、とっても
リーズナブルです♪　さりげなく、あちこちに飾ってみてはいかかですか？＾＾？

そして、中に入っている枠の線を　 <border="0">　を使って消します。

１８９円

アイアンバードです。　我が家にもあります＾＾　お値段も、とっても
リーズナブルです♪ 　さりげなく、あちこちに飾ってみてはいかかですか？＾＾？

もう１つは、＜align＞　を、使う方法があります。

こんな風に、画像の横に、
文章を持ってくることが出来ました～＾＾
どうですか？

<table style="border:13px dotted #eee8aa;"><tr><td><img src="http://image.space.rakuten.co.jp/lg01/27/0000114327/13/img7c9a7764zik1zj.gif" width="100" height="137" alt="knban.gif" border="0" align="left" hspace="30" vspace="30">
こんな風に、画像の横に、
文章を持ってくることが出来ました～＾＾
どうですか？</td></tr></table>

align="left" ⇒　左に寄せる（右に寄せたいときは"right"）

hspace="30"　⇒　横のスペース

vspace="30"　⇒　縦のスペース

文章の続きを、下に書きたい時は、
＜br clear=""＞を使います。
"left" "center" "right" で、画像下のどこに持ってきたいのか指定します。

こんな風に、画像の横に、
文章を持ってくることが出来ました～＾＾
どうですか？
次の文章は、
画像下の真ん中にに持ってきました。