Tyto-Style Free Template

画像の部分にクラスを指定

画像は<div class="section-image"></div>の中に入れ、クラスにleftを追加してください。

<div class="section-image left">
<img src="images/sample-l.gif"
alt="画像の説明" />
</div>
						

こうすることで、画像を左寄せにして文章を回り込ませることができます。

右寄せにしたい場合はleftの代わりにrightを追加してください。

２つ縦に並べることも

一応、２つ並べることもできます。画像のサイズが小さければ横並びにしても変にはならないと思います。

とりあえず

とりあえず基本となるものを作成したくてこのような形にしました。IE6/7/8、Firefox2/3, Opera, Safari, Chromeでチェック済みです。

テキストだけ

テキストだけを追加した場合、このような形になります。

ここに表のタイトルが入ります

サンプル項目	サンプル数	サンプルテキスト	サンプルテキスト	サンプルテキスト
※表の補足事項が入ります。数字だけのセルの場合、class="numbers"を追加することで、文字を右寄せできるようにしてあります。
サンプル項目1	1234	サンプルテキスト	サンプルテキスト	サンプルテキスト
サンプル項目2	1234	サンプルテキスト	サンプルテキスト	サンプルテキスト
サンプル項目3	1234	サンプルテキスト	サンプルテキスト	サンプルテキスト
サンプル項目4	1234	サンプルテキスト	サンプルテキスト	サンプルテキスト