webcata

背景が若干さみしかったので、背景パターンを使ってみました。
背景に使用するパターン画像は以下のサイトを利用させていただき作りました。

続きを読む

smpl_rc960 テンプレートで画像を表示すると、後続のテキストが右側に回り込みます。
回り込み解除のためには p 要素に style 属性を付与します (詳しくはこちら)。
しかしながら、画像を多用するブログの場合にその都度 style 属性を付与する必要があります。
そこで今回は、基本的にテキストが回り込まないようにする方法をご紹介します。

© Wild Dogger

ミーアキャットかわいいですね。わかりやすいように小さめの画像を表示します。

続きを読む

下の画像のように、右側に余白が少しだけ残るようなサイズの画像の場合、
テキストが右側に回りこむととても読みづらくなります。
以下のように記述することで回り込みを解除することができます。

© Rachel16857

回り込みを解除して画像の下に文章を表示させます。

<img src="画像URL" />
<p style="clear: both;" >
回り込み解除後のテキスト
</p>

2/21アップデートしました。
主な修正内容は以下。
その他、表示不良がありましたらぜひご連絡お願いします。

• 拍手、Twitter、Facebook アイコンの表示位置を調整
• 大きなサイズの画像が右側で切れる現象を修正
• <pre>要素のスタイルを変更

埋め込み動画をきれいに表示させる方法。

キャプションを入れる方法と同様に div で囲むことで、動画右側にマージンを作りすっきり見せます。

<div class="objwrap">
埋め込みソースを貼り付け
</div>