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のテーブルをセンターに作って文章を流し込みます。

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



最新の画像もっと見る

12 コメント

コメント日が  古い順  |   新しい順
コピーありがとう (7wth2)
2006-10-20 10:25:42
タグのコピーいただきました。

DIONでも使えるはず。やってみます。
返信する
それはありがとうございます。 (Lilac)
2006-10-20 14:51:45
使っていただけるとの事、嬉しく思います。

DIONでも大丈夫ですか?DIONさんも親切だといいですが。。。

お気づきかとは思いますが、gooに比べると記事の幅が少し狭いようです。

テーブル全体の幅は480か470ぐらいに、応用してやってみてください。



線が不要な場合には1行目のSTYLE="border~collapse;までを削除すれば線が消えます。
返信する
頑張ってますね (yuu)
2006-10-20 18:18:05
こういう記事に一番に反応するkiriさんは

お忙しいようですね。



私はこの所手抜きと言うか、テンプレート変えてから、センター指定するだけです。

古いページもみんな変わってしまって

おかしくなっているみたいですが。

他で面白いテンプレート使っているのだけど

叉変えようかな。
返信する
yuuさん、こんばんは。 (Lilac)
2006-10-20 23:14:11
元気なkiriさんがいなくて寂しいです。また、復活してくれるといいですね。



yuuさん元気だったんですね。良かった。

更新もないし、yuuさんまで?と思ってしまいましたよ。たった2日ぐらいで大げさな…ねえ。



yuuさんのテンプレート良かったですよ。

私も真似てこのパターンを作りました。

古いページも雰囲気が変わって良いなあと思いましたよ。

新しいのも楽しみだけど。。。



yuuさんファンはいっぱいいるんですから、

風邪など引かないでくださいね!
返信する
yuuさん・Lilacさんお気遣いありがとうございます。 (kiri)
2006-10-21 06:55:01
実は、病気療養中だった父が亡くなり、暫く休んでいました。今は、看病に通うこともなく時間は、たっぷりあるんですが読み逃げばかりの毎日です。



yuuさんは、するどい! たしかに反応してしまいました。

Lilacさんの記事も気遣いかな?と思ったり・・・。最初の復活は、このパタ~ンでしようかな?なんて必死にタグを見ていました。



暖かいお二人さん、ほんとうに有り難うございました。



Lilacさん、掲示板がわりにコメント欄使ってごめんね!

返信する
kiriさんへ。 (Lilac)
2006-10-21 08:31:15
kiriさんもまた、ゆっくりしたら元気に復活してくださいね!



yuuさんは何か予知能力があるのではないかと

時々思うのです。

なんだかそう思いませんか?



タグ、全角に変えなくても表示できたでしょ?

元気に戻ってきてくれる事を願っていますね。
返信する
予知能力? (yuu)
2006-10-22 22:29:32
そんなあほな~ ナイナイ、そんなものありましぇん。





kiriさん、お父さんのことご愁傷様でした。

張り詰めて看病されてたのでしょう。それでがっくりしているのかもしれませんね。

あとも何かと大変だと思いますが

元気出してくださいね。

返信する
予知能力…。 (Lilac)
2006-10-23 08:44:08
kiriさん反応してくれて、良かったですね。

だんだん、元気を出してくれるといいなと思います。



kiriさんの言うように、この記事を見れば一目瞭然だったのかな。。。?



でもね、こんな事よくあるんですよ。ゾクってね。
返信する
タグのお礼 (あきこさん)
2006-10-25 22:59:15
キリさんから、お訪ねしました。

ありがたいで~す。

勉強不足の私は、大変助かります。

いつか、使わせてください。
返信する
あきこさん、おはようございます。 (Lilac)
2006-10-26 07:13:16
わざわざ、コメントいただいてどうもありがとうございます。

使っていただけたら、それこそ作った甲斐があります。とても嬉しく思いました。



気分転換にこんな記事もと考えるのですが、

なかなかあれこれと手を出してしまって、出来ずにいます。

kiriさんも楽しんでくれるし、また、頑張ります。

よろしかったら、また見に来てくださいね。

どうもありがとう。
返信する

コメントを投稿