＞しゃおたいさん

お見事です！！
サイズは指定しなくても、中に入るものに合わせて伸びていきます。
日記などのテンプレートは、幅を指定して、高さの指定はしない事が多いです＾＾
(2008.12.22 12:35:37)

Happy Life

イベント

(17)

tickle tickle テン… うなままさん
◆ﾃﾝﾌﾟﾚｰﾄ配布◆YUMEみ… yumeyumekoさん
豊ノ島のブログ 豊ノ島さん
毛玉牧場 まぐろのももにくさん
楽天広場HTML講座 Lemon♪さん

Comments

blue_a_pirate @ 初めまして楽天ブログでテンプレートが使えるのを最…

きっこ@ お願い致します私も六枚を縫い合わせるところがわかりま…

yumepop @ Re:マフラー(10/29) こんにちは(*´∇｀*)♪ 久しぶりにテンプレ…

Hod @ 凛さんへテンプレートを使わせて頂きました。とて…

うさぎ@ Re:お花のヘアゴム♪作り方(05/21) かわいいです!!まだ見てもらえるかな。作…

Keyword Search

▼キーワード検索

tableについて

(6)

テーマ：ホームページ作成の悩み(550)

カテゴリ：テンプレ作り方

只今ランキング 8位です

今日は、 table について、お話します。

table →『枠』
td →『マス』

ですが、マスをいくつかつなげると、
１つの枠になります。
（ table で囲んでいますよね）

画像

価格

商品説明

<table border="1"><tr><td width="90" height="90">画像</td></tr><tr><td width="90" height="15">価格</td></tr><tr><td width="90">商品説明/td></tr></table>

上記のモノを、２つ並べたい時は、
もう一つ、大きな table枠 で囲んであげます。
table を、 table で囲むということです。

画像
価格
商品説明

画像
価格
商品説明

<table border="1"><tr><td>
<table border="1"><tr><td width="90" height="90">画像</td></tr><tr><td width="90" height="15">価格</td></tr><tr><td width="90">商品説明</td></tr></table>
</td><td>
<table border="1"><tr><td width="90" height="90">画像</td></tr><tr><td width="90" height="15" >価格</td></tr><tr><td width="90">商品説明</td></tr></table>
</td></tr></table>

ココで、周りの線を消します。
border="0"にします。

画像
価格
商品説明

画像
価格
商品説明

本来は、こういう並びになっています＾＾

画像
価格
商品説明

画像
価格
商品説明

これに、styleシートを使って色付けしようと思いましたが、
あまりにも、長くなるので、
今回は、一旦ココまで。。。

★テンプレートを探す★

★テンプレートの作り方★

★もっと、テンプレートの勉強をする★

♪HOME♪

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.20 10:18:39
コメント(6) | コメントを書く

[テンプレ作り方] カテゴリの最新記事

■コメント

Re:tableについて(12/20)

しゃおたいさん

スタイルシートから先に読んだので頭が真っ白になりましたが、こちらを読んで少し分かりました。
だんだん難しくなります^^;
「画像と文章を並べる」という回で”もう一つ大きな枠で囲む”というのがわからなかったのですが、
今回の<table>で囲むというのがソレですね！
ワタシはこれが分からなかったので、
<table…>の中にstyle…で模様を変え、枠の色を変え<td>でマスの色をつけ…とやってました。
だから、レイアウトが自分の納得いく形にならなくて。（「セーターのリフォーム前・後篇」がソレです。★見出し★の位置が気に入らなくて）
もしかしたら、外に大きな枠を付けたら見やすくなるかも？？

今度試してみます。
長文スミマセン。
(2008.12.21 00:07:45)

返事を書く

Re[1]:tableについて(12/20)

* あこ * さん

＞しゃおたいさん

少し伝わったようで安心しました＾＾
テンプレートは、奥が深いですからね～。

まだまだ、書かなければいけない部分も多いので、
ボチボチ日記に書いていきますね～♪
(2008.12.21 00:21:40)

返事を書く

Re:tableについて(12/20)

らぶ★らぶさん

一つのテーブル内に縦横いくつかの枠を並べるよりも
商品一つに付きテーブルを一つずつ用意して
大きなテーブルで囲んだ方がいいのですか？((φ(．．。)カキカキ
考えてない発想でした、勉強になります(’-’*) フフ (2008.12.22 00:39:05)

返事を書く

今、気づきました。

しゃおたいさん

お手本を見ながらタグを書いていて、
商品説明の部分、高さの指定がないのに気づきました。
これは、商品説明の文章の字数が不定なので、高さの指定を省略しているということでしょうか？
高さなどの指定を省略して書く事も可能なんですね…

それから、今回は小さなtable二つを大きなtableでひとつづつ囲んでいますが、
これを大きなtableひとつに二つ入れてしまうことも出来るんでしょうか…
それが以前＊あこ＊さんがおっしゃっていたことなんでしょうか？

ホントに、やってみて気づく事たくさんあります。
長文、乱文失礼しました。 (2008.12.22 08:24:43)

返事を書く

Re[1]:tableについて(12/20)

* あこ * さん

＞らぶ★らぶさん

今は、アフィリエイト画像中心に説明していますが、
文章・リンク・バナーなどを組み合わせると、
１つの画像でも、tableを付けないと、テンプレが崩れる原因になります。
簡単なものであれば、td を並べるだけでも良いと思います。
(2008.12.22 12:31:11)

返事を書く

Re:今、気づきました。(12/20)

* あこ * さん