こんにちは
- 0 名前： MISA ： 2003/06/04 19:52 ［URL］
- タイトルは何とかなりました〜・・。ホントに何から何まで申し訳ありませんでした・・。
実は・・また、質問なんですよ・・。たびたび訪れては質問ばっかりですみません。怒らないで下さいね・・。
１番最初にご質問させていただいた折に、参考ﾍﾟｰｼﾞを表記しましたが、その表の分割といいましょうか・・、要するに表の横に同じ表が来ていますよね。これはどういったタグを使えばといのでしょうか？どこかの掲示板で見たときに、テーブルを３分割してそのうちの１番左と１番右を使う･･だのなんだの･･とかかれていましたが、どうも上手く行きません。私の場合こちらのテーブルタグを（普通の横に３つ並んでるの）をコピーしてその中にまた、表をいれて･･とすればおかしくなっちゃうのですよ・・。
それから、参考ﾍﾟｰｼﾞにもこちらにもありますが、表の１番上だけ１列でしかも色付で２段目から普通の表になってるタグはどんなのでしょうか？
たくさん質問して申し訳ありませんがどうぞよろしくお教えお願い致します。よろしくお願いします
- 1 名前： mar ： 2003/06/04 22:57
- >その表の分割といいましょうか・・
え〜、ちょっとまだイメージが沸くところまで理解できませんでした。。。
差し支えなければ、MISAさんのページのどの部分を参考ページのどの部分の様にしたい等、
具体的に教えてもらえると助かります。
表(テーブル)を規則正しく並べたい場合は、テーブルタグをネストさせる方法がよく用いられます。
↓こんな感じです。
<table border="0">
<tr>
<td>
<table border="1">
<tr><td>表1</td></tr>
</table>
</td>
<td>
<table border="1">
<tr><td>表2</td></tr>
</table>
</td>
<td>
<table border="1">
<tr><td>表3</td></tr>
</table>
</td>
</tr>
</table>
ただ、混みいってくるとソースが複雑になるのが難点です。
>表の１番上だけ１列でしかも色付で２段目から普通の表になってるタグはどんなのでしょうか？
この2つの組み合わせです。
http://www.tagindex.com/html_tag/table/table_bgcolor.html
http://www.tagindex.com/html_tag/table/td_span.html
1つ質問ですが、楽天のページの本文部分は、HTMLタグを手書きされているのですか？
人それぞれだとは思うのですが、ちょっと不思議な記述が色々とありましたもので。。。
- 2 名前： MISA ： 2003/06/04 23:27 ［URL］
- そうなんですよ〜。はじめて手書きで･･しかもこちらの「テーブルタグ」の普通の表の中に、もうひとついれていく･･といったものなんです・・。おかし〜な〜と思いながらなんですよ・・。なので、こちらのﾍﾟｰｼﾞをいつも出したままで作っていっていっているのです・・。お世話になっています・・。
おかしいところはご指摘下さい！！よろしくお願いします。
- 3 名前： MISA ： 2003/06/04 23:29 ［URL］
- すみません。参考にしたいHPは
http://plaza.rakuten.co.jp/ohananomarch/
↑こちらのショップです。私のは
http://plaza.rakuten.co.jp/misaarita/
こんなんになっちゃってます(T.T)
- 4 名前： MISA ： 2003/06/05 00:49 ［URL］
- ついでに･･またまた。。失礼致します。下記↓は今日私が作ったﾍﾟｰｼﾞですが、どうしても下よりになっているのですよ・・。タイトルからかなり下から始まっていますでしょう･･これはなぜですか？タイトルは画像でもう貼り付けられているので、その下にインデックスをつけているのですが、その下からすぐにタグをいれているのに・・。
なんででしょうかね〜？すみませんたびたび・・。
http://plaza.rakuten.co.jp/misaarita/010000
それと、先ほど教えていただいた、表を並べるタグの中に表1の中に表をいれるとこれもまた、さらに下のほうに出てくるのですよ・・。おかしいです・・。？？？
- 5 名前： mar ： 2003/06/05 01:20
- こんばんわ。
ええと、ではまず、トップページから手書き部分を整理していきましょうか。
別スレッドでも書きましたが、テーブル枠の中身に関するタグは<td>〜</td>の間に書いてみましょう。
例えばタイトル画像直下のリンク部分で、MISAさんの記述だと
<A HREF="○○"><TD>トップ</TD></A>
となっていますが、
<td><a href="○○">トップ</a></td>
とします。
それから、テーブルタグ（<table><tr><td>）は、単に表の枠を構成するタグで
それ自体で枠切りを構成します。
テーブルの中に入る文字や画像は全て<td>と</td>の間に入ります。
逆に言うと<table>と<tr>の間や<tr>と<td>の間(/タグも同様)には何もいりません。
それと<br>はHTML上での改行です。
以上を踏まえると、
<TD>グルメ</TD><br>
<TD>口ｺﾐ</TD>
の<br>は要りません。
とりあえず気になったところとして、ソース上、上記の様なことで<td>〜</td>間以外のところに
余計な(?)モノが色々と入ってます。
まずはこれらを全て取り払って(削除or移動)みましょう。
- 6 名前： MISA ： 2003/06/05 22:36 ［URL］
- たびたびすみません･やっぱり、表をいれるとその上がかなりあいちゃうんですよね・・。また、表の中に表を入れても入れた表が下のほうになってしまってうえがあいている状態になっちゃうんです。ご覧頂いたらわかるかと思いますが、一応作った表を入れる表の大きさもピクセルであらわしているのですが、お構い無しです(T.T)
↓このトップﾍﾟｰｼﾞもそうですが、ダイエットのﾍﾟｰｼﾞは大きな表を残しているのでちょっと見てもらえますか？？よろしくお願いします。
http://plaza.rakuten.co.jp/misaarita/
- 7 名前： mar ： 2003/06/06 02:50
- こんばんは。
見てみましたよ。
MISAさんは不本意にできた空白のスペース(「上が空く」だとか)に気を取られている様ですが、
レイアウト(表の中に表)が上手くいかないのと同じ原因だと思います。
度々申し上げている様にソースがメチャメチャです(特にテーブル関係)。
これを直せば一気に解決することと思います。
恐らく、何度も何度も手直ししたのでしょう。
要らなくなったタグの消し忘れや移動等で、もはやソースを見ても全て自分で把握できてない状態になっているのではないでしょうか？
本来、HTMLタグは難しいモノではありませんが、これだけテーブルをネスト(入れ子)させてしまうと
なかなか分かりにくくなってしまいますよね。
これがNo.1の返信で書いた「混みいってくるとソースが複雑になるのが難点」です。
もう1度、一から作り直すつもりでソースを整理していってみては如何でしょうか？
「ココからココまでは何をどうしてる」というのを確認しながら、「何をしてるのかわからないタグ」が無くなるまで。
タグのひとつひとつはココのサイトの解説を見ればそれ程難しいモノではないと思います。
ただ、複雑に組み合わせていくと分かりにくくなるのは仕方ありません。
独断ですが(笑)、MISAさんのテーブルネストは初級者レベルを軽く超えていると思います。
もし、どうしてもダメなら、テーブルネストを使わない、もしくは減らす方向で修正してみては？
とにかく、まずは何度も申し上げた様にソース全体を整理し直してみて下さい。
おかしいと思う部分だけでなく「全部を」です。
大変だとは思いますが、頑張って下さい。
