スポンサーサイト

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

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

画像の文字回り込み(スタイルシート)

2006/01/20 21:44 | カテゴリ:未分類 | コメント (3) | トラックバック (0)

先日、画像配置と表組みについて記事にしましたが、画像配置の方法は、サポート掲示板でスタイルシートの設定でもできることがわかりました。
つまり、バナーコードの変更なく、画像の横に文字を表示させることができるということです。

方法は、スタイルシートに
.記事本文のクラス名 img{float:配置; margin:余白サイズ;}
を加えるだけです。

記事本文のクラス名は<%topentry_body>に一番近いクラス名でいいと思われ。
配置は、left:画像を左、文字を右 right:画像を右、文字を左
余白サイズ 単位:pxなど

(例)
.main_text img{float:left; margin-right:5px;}


ただし、スタイルシートで設定するので、記事中の画像全てに適用されてしまいます。
反映しないようにするには、画像コードの最後に回り込みをなくす
<BR clear="all"> を加えればいいです。

画像配置で設定するのは、SEO対策的にもいいらしいです。
(余分なタグがないためでしょう。)
まぁ、ブログ自体、検索に強いようなので、表組みでも問題ないかとw
実際、別サイトのSHOPでは、表組みで作ってますが、問題なく検索されています。

「自分の好みで使う」でいいかもしれません。
スポンサーサイト

<< サイトの配色を考えませんか? | ホーム | 日払いアフィリエイト、紹介バナー配布停止中 >>


コメント

こんばんは、riseです。

文字の回り込みはやはりデザイン的にかっこいいですよね。

面倒なのでいつもやってませんが、かっこいいブログではだいたい使っている手法なので取り入れていきたいと思います。

表組みは楽なので、うちも広告部分で結構使ってます。

こにちは!

色々詳しいなぁぁ~
いつも感心してまつ・・・
あたちぃのブログも手を加えたいけど・・・HP作成に追われてて。。。

riseさん、pekoさんいらっしゃーい

riseさん、文字回り込み、うまく使えばかっこいいですよね。ただ、画像と文字のバランスが難しい・・・
いい使い方を考えないとw

pekoさん、私の知識はしょぼいですよwサポート掲示板などにお世話になってるだけですよ。
HPも持ってるんですね。すごい。
がんばってー。

コメントの投稿


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

 BLOG TOP 

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