スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

画像の文字回り込み①

2006/09/03 23:33 | カテゴリ:htmlタグ | コメント (5) | トラックバック (0)

400pxの枠に200pxの画像、こんな時、記事の余白が気になりませんか?
そこで、「文字を回り込ませる」という方法が有効です。

文字を回り込ませると、
 ・余白の有効利用
 ・見栄えのよさ
 ・画像に対する説明だと印象付ける
などの効果があると思います。
1.align 属性
画像の文字回り込みには align属性 を付加する方法が容易です。
しかし、多くのアフィリエイト広告では、タグの改変が不可となっており、実用的ではありません。
そこで、ここではタグの改変を行わないで、文字を回りこませる方法を取り上げます。
 ⇒ align属性についてはこちら

2.tableを使う
表タグ「table」を使う方法が、一番簡単な方法だと思います。
 ⇒ tableタグについてはこちら
【tableタグの特徴】
・良い点
  簡単で作成しやすい
  複雑な表示ができる
  画像以外も回り込みができる
・悪い点
  本当の回り込みではなく、横への羅列になる
  複雑すぎる表(2重表など)は表示に時間がかかる。
  (終了タグが読み込まれてから表示)


 ⇒⇒ ②へ続く
スポンサーサイト

<< 画像の文字回り込み② | ホーム | tabalタグ セルの結合 >>


コメント

こんばんは、riseです。

回り込みはつい面倒で、記事中などではそのまま改行して画像をいれちゃいます。

他のブログなどで回り込み見たらやはりかっこいい・・

いかにも説明!って感じがいいですもんね。

時間があるときはtableやってみます。

riseさんいらっしゃーい

riseさんのサイトは3カラムなどで、全然問題ないですよ~。
2カラムとか記事の幅が広い時に、回り込みは有効ですよね。

とりあえず、②へ続くなので。
コンテンツの中には、もう追加されていますがw

poooorさん、こんばんは!

先日はご訪問とコメントありがとうございました^^

seesaaブログでは、少し前に画像への文字の回りこみ
機能が付いたようですが、まだ使いこなせていません
よほど簡単にできるはずなんでしょうが・・・(汗)

へこみながら、楽しみながら行きますね(^^/ 応援♪

poooorさんの今日も、どうぞ沢山実りますように!

poooorさん

スージーです。

コメントどうもです。

align属性は憶えておくと便利ですよね。

seesaaは最近、機能として追加されたんでとても便利です。

またきますね! 応援、ぽち!

スージーさん、Oh!kei さんいらっしゃ~い

お二方とも、Seasaaブログなのですね。
回り込み機能いいですね。
各ブログ提供サイトが努力して、いいシステムを造り上げている。
素晴らしいことだ。

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。