Lilac-Garden

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

レイアウトタグ2回目。

2006年12月03日 | ただ今HTML修行中!

いろいろアレンジもしてみたいんですけどね、何せセンスの方が…。いつものパターンとなりますが、2列で文字を入れるタグです。前々回の1枠のタグの中箱の部分と改行でつなぎ合わせ、画像を増やして大作にチャレンジはどうでしょうか?

今日のパターンはこんな感じです。






まだ秋が始まったばかりの頃でした。公園のアベリアの植え込みが、キラキラと輝いて、どの花もにっこりと微笑みかけてくれました。一段と寒くなったこの頃です。こんな秋の一日が懐かしく思い出されました。

今日はこんなふうに画像の横に文字を入れてみたいと思いました。



画像は横幅250ピクセルで用意しておき、画像を左に、文字を右横に上から流し込みました。




こちらはコピー用のタグです。縦方向は改行で調節してあります。


<Table width="520" bgcolor="#cbea93">
<tr><td><Table width="480" Align="center">
<tr><td width="255" valign="top">
<img src ="画像"></td>
<td width="225" valign="top">
<font size="2" color="black" style="line-height:160%;">文章
</font></td></tr></table>
</font></td></tr></table>