Lilac-Garden

写真で綴る日々の記録 & クラギ練習帳

1枠に1画像と文章のタグ

2006年10月19日 | ただ今HTML修行中!
今日は久しぶりのHTML修行中。例により試行錯誤です。間違いだらけのHTML、実は思い込みのタグかもしれませんが、親切なgooブログさんでなら表示できますよ! 作成例は赤い小さなルコー草のレイアウトです。



◆  ◆  ◆  コピー用【タグ】  ◆  ◆  ◆

<table width="520" STYLE="border: 1px #000000 solid; border-collapse: collapse; Align="center">
<tr><td Align="center">
<img src ="画像">
<Table width="480">
<tr><td Align="left">
<font size="2" style="line-height:160%;">本文</font>
</td></tr></table>
</td></tr></table>

=====================================

簡単に言うと
 1 全体に520の細い罫線枠のテーブルを作り
 2 その中央に横が480ピクセルの画像を表示させ
 3 1行あけて
 4 次に480のテーブルをセンターに作って文章を流し込みます。

箱の中に箱があるような感覚です。テーブル内の左右のアキスペースで作る方法もありますが、これだとアキスペースの自由がきかない(私はうまくいかない)ので、この方法を取っています。たくさんのテーブルを並べる時などもこの方法を使うと自由に配置する事ができます。良かったらどうぞお試しください。