タグ改造について

0   名前： アッキー ： 2007/01/21（日） 09:00  ID:NSQOZXzs sub-Ds
<html><head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<style type="text/css"><!--
a,body,td,select{font-size:12;}
.r1{border:solid 1 #686;background-color:#beb;color:#686;}
.l1{border:solid 1 #f90;background-color:#fec;color:#f90;text-align:center;}
.l2{border:solid 1 #f77;background-color:#fdd;color:#f77;text-align:center;}
.l3{border:solid 1 #96b;background-color:#dce;color:#96b;text-align:center;}
.l4{border:solid 1 #06f;background-color:#bdf;color:#06f;text-align:center;}
.m1{border:solid 1 #999;border-left:solid 5 #f90;background-color:#fff;}
.m2{border:solid 1 #999;border-left:solid 5 #f77;background-color:#fff;}
.m3{border:solid 1 #999;border-left:solid 5 #96b;background-color:#fff;}
.m4{border:solid 1 #999;border-left:solid 5 #06f;background-color:#fff;display:block}
.t1{background-color:#8bf;color:#368;border:solid 1 #368;}
.h{display:none;}
--></style>
</head>
<body bgcolor="#ffffff" text="#999999" link="#999999" alink="#ffffff" vlink="#999999">
<div style="width:400px;"><div class="t1">
<marquee loop="3">ここにコメントを</marquee></div>

<table border="0" cellpadding="0" celspacing="0"><tr><td width="39%">
</td>
<td rowspan="2" valign="top" style="padding:4 0;">
<div style="padding:1 2;">
<div align="center">
Site Title
<hr class="h">
<div class="r1">
ここにもコメントを</div></div>
<hr class="h">
これも別サイトからの転用。<br>容量の関係で、いろいろと省略してます。
</td></tr><tr><td valign="top">
<p class="l1">
menu
</p>
<p class="m1">
<a href="">link</a>
</p>
<p class="l2">
menu
</p>
<p class="m2">
<a href="">link</a>
</p>
<p class="l3">
menu
</p>
<p class="m3">
<a href="">link</a>
</p>
<p class="l4">
menu
</p>
<p class="m4">
<a href="">link</a>
</p>
</td></tr></table>
<div class="t1" align="center">
名前
</div>



上記のタグからループだけをなくしたいんです。実際にいじってみてPCからみて問題なくても携帯から見るとテーブルが崩れてたりします。テーブルをくづさずにループだけ消す方法教えてくれませんか？いままで4時間くらいタグチェッカーでとうしてみたんですがどこをいじればいいのかけんとうすらつきませんお願いします
1   名前： ナタリー ： 2007/01/21（日） 09:00  ID:yphm5LaW sub-bK
アッキーさんはじめまして。

変えたあたりだけ書きますね。
↓こうすれば良いのではないでしょうか？

<body bgcolor="#ffffff" text="#999999" link="#999999" alink="#ffffff" vlink="#999999">
<div style="width:400px;"><div class="t1">
ここにコメントを</div>


質問の意味を勘違いしてたらすいません；；
2   名前： Z ◆XTzyosZXcL ： 2007/01/21（日） 09:00  ID:CSqyQR5N sub-Cl
>PCからみて問題なくても携帯から見るとテーブルが崩れてたりします。
　本来、HTML(XHTML)は「閲覧環境を問わずに閲覧できるテキストの仕様」なのですが、現実には（特に日本の場合）携帯電話の機種によって様々な制約が生じています。下記などをご参考に。

携帯電話キャリアの違い）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/About.html

携帯電話向けHTMLの考え方）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/MobileHTML.html

実際の携帯電話向けコンテンツ作成）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/HowToMake.html

　一番簡単なのは「携帯電話向けコンテンツ（全機種共通で支障なく閲覧できるもの）」を作り、それをPCでも閲覧できる共通のものとしてしまうことです。これなら１つ作れば済みます。
　PC用、携帯電話用をそれぞれつくり、振り分ける場合については下記をご参考に。

実際の携帯電話向けコンテンツ作成）
http://www.marguerite.to/Nihongo/HowToMakeYourWeb/Mobile/HowToMake.html

　なお、どの辺りで妥協するかと言う余談的な話については下記などもご参考に（とかく携帯電話への対応は作成者泣かせです）。

http://deztec.jp/lecture/cl/mobile.html
http://neta.ywcafe.net/000559.html

　サーバーによってはPCでしか閲覧できないページ（つまり携帯電話での制約を無視した設計）を禁止しているところもあるようです。そのサーバーではまず携帯電話向け設計先にありき、になるでしょう・・・大変ですね。

その他・ごく簡単なHTMLの説明）
http://www.kanzaki.com/docs/htminfo.html
一覧へ戻る