略さんち

そんな時代もあったよねー的なブログ

tableタグでコメント欄を装飾してみます

2004-05-19 | 使ってね♪BLOGツール
tableタグを使って9分割された表を作り、コメント欄を装飾してみましょー!とゆー企画です。

#えー、しかしながらオイラ説明がド下手糞ですので、どこまでご理解いただけるか自信ないのれすけど。。。

9分割の表といいますのは、↓このような表のことです。


タグであらわすと、こんな感じでしょうか。
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=11 height=11>左上(固定)</td>
<td height=11>上部(横方向に可変)</td>
<td width=11 height=11>右上(固定)</td>
</tr>
<tr>
<td width=11>左部(縦方向に可変)</td>
<td>[            コメント欄            ]</td>
<td width=11>右部(縦方向に可変)</td>
</tr>
<tr>
<td width=11 height=11>左下(固定)</td>
<td height=11>下部(横方向に可変)</td>
<td width=11 height=11>右下(固定)</td>
</tr>
</table>

これを実際に書き込んでみますと、こう表示されます。(見本の為tableタグのborder属性を0から1に、左右のtdタグのwidth属性を11から50に変更してます)
左上(固定) 上部(横方向に可変) 右上(固定)
左部(縦方向に可変) [            コメント欄            ] 右部(縦方向に可変)
左下(固定) 下部(横方向に可変) 右下(固定)


※幅とか高さ属性に11と入れてるのは、あくまで今回のサンプル作成の為です。

続いて、貼り込む画像です。まずは四隅の4画像。


そして残りの5画像。これらはbackground属性にすることでテーブルの高さや幅が変わっても状態をキープさせます


※以下、続きます。続きはコチラ。



コメント (9)    この記事についてブログを書く
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする
« タグで遊んでみますた4 | トップ | タグで遊んでみますた5 »
最新の画像もっと見る

9 コメント

コメント日が  古い順  |   新しい順
フムフム (akko)
2004-05-20 12:39:15
なるほど、こういう構成になっているんですか。

すばらしいアイディアです。
返信する
すばらしい ... (byrdie)
2004-05-20 13:45:05
こんにちは。お邪魔します。



とてもきれいに構成/表示されていて、びっくりしました。

わたしも、テーブル要素を使って、いろいろ実験してみたのですが、

じぶんのデザインセンスのなさにいまさらながら脱力し、

早くもあきらめの境地です ...



こちらでの企画、たのしみにしております。

返信する
たびたび ... (byrdie)
2004-05-20 14:08:12
申し訳ありません ...

書き忘れてしまったので。

こちらを拝見して、<,>がちゃんと有効になるのだ、と知りました。

(なんとなく、勝手に無効になるのではないかと思い込んでいました)



じぶんのところの見本変更したいと思います。



# ちなみにコメント(<!-- ・・・ -->)の実験をしてみたのですが、変な表示(?)になりますね ...

返信する
あ!それは試してません! (rd-xs40user)
2004-05-20 14:25:22
>byrdieさん

コメント行は試してなかったですー!

そうなんすか、ぶれるんですね?ひゃー。

オイラにはあそこまで解説書く根気もないですし、根本的に持ってるセンスが違うと感じるのですけど。。。おいらはbyrdieさんのサイトのほうがすごくきれいに見えますよ?



>akkoさんー

はじめの一歩目はオイラも参考書片手です。このへん解説してるサイトはいっぱいありまするるる。目新しい事じゃあないれすよ。
返信する
そっかぁ (にゅきみ)
2004-05-20 19:21:52
仕事と飲み会が忙しくて

ご挨拶してませんでした~

あのぐるぐるの仕組みが

よくわかりますた。

感謝でゴアス
返信する
ぐるぐるですねー (rd-xs40user)
2004-05-20 22:31:10
あれ難しいんですよね

にゅきみさんをイメージしてたら

いつのまにかあんな感じになっちゃいますた。

気が向いたら使ってやってください。。。
返信する
いつの間にか。 (とうとよ)
2004-06-28 21:06:38
真ん中のタグの例の部分が例にならず、タグが反映されちゃってるようですね。



byrdieさんの仰られている、「&lt;,&gt;」の扱いが変わったのでしょうか。
返信する
いえいえいえ、 (はじめま略)
2004-06-28 21:08:25
これはですね、最初の1回目はいいんですよ。

編集する時に、いちいち&gt;とかに置換しなきゃないんです。

で、オイラこの記事1回編集してまして、そのあとほったらかしです。



指摘いただきましたので、直します、、、、orz
返信する
お世話になっております (介護人たま)
2005-08-24 10:40:13
この辺から、ちょっとずつ、ちょっとずつ

攻略してみようと、思っている、たまです。



全部むつかしそうに見えるけど

やったことのないことをするのは、楽しいから。

取り急ぎ御礼とごあいさつを^^
返信する

コメントを投稿

使ってね♪BLOGツール」カテゴリの最新記事