- 締切済み
<td valign="top">内のテーブルがtopにこない
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- gura_
- ベストアンサー率44% (749/1683)
予測するに、タグの記述に手抜きなどがあるのではないですか。 参考URL等にある「正しい」ルールに従って書けば、直るのではないでしょうか。例↓ <html> <head></head> <body> <table width="300" height="200" border="1"> <tr> <td valign="top"> <table border="1" height="100"> <tr> <td valign="top">fffff</td> </tr> </table> </td> </tr> </table> </body> </html> 補足： 途中に全角空白などがあると、変なレイアウトになります。
- chie65536
- ベストアンサー率41% (2512/6032)
ソースの<td>から</td>の間に、改行を入れてはいけません。セルがずれます。 悪い例１ <td valign="top"> <table>fffff</table> </td> 悪い例２（外側がＯＫでも、入れ子になった内側の<td>の中で改行している） <td valign="top"><table><tr><td>fffff </td></tr></table></td> 良い例１ <td valign="top"><table>fffff</table></td> 良い例２（<td>の内側でも、入れ子になった内側の<table>の中では改行可） <td valign="top"><table> <tr> <td>fffff</td> </tr> </table></td>
- yambejp
- ベストアンサー率51% (3827/7415)
例がわるすぎなので、いまいちニュアンスがつたわってこないのですが こういうことではないですか？ <table height=200 border> <tr> <td valign="top"> <table><tr><td>fffff</td></tr></table> </td> </tr> </table>
関連するQ&A
- valign="top" が効かない
<table> <tr valign="top"> <td rowspan="2"> <img src=""><img src="">・・・・<img src=""></td> <td><img src=""></td> <td><img src=""></td> </tr> <tr valign="top"> <td><img src="A"></td> <td><img src="B"></td> </tr> </table> 画像のサイズはすべて同じです。 １行目の画像は全て上寄りになりますが、２行目の img src="A" img src="B" が上寄りにならず、中ほどの位置にきてしまいます。 tr に指定せず、td に valign="top" を指定しても変わりません。 どうしてもわからずこちらに質問しました。 よろしくお願いします。
- ベストアンサー
- HTML
- テーブル内のテーブルの高さを揃えたい。
CGIの表示部分を改造中です。 下のソースをhtmlファイルにして見てもらったら判ると思うのですが、 <TABLE border="0"> <COL span="4" width="50"> <TR> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">こんな風に</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">枠を置いたときに</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">100%のサイズ指定しても合わない高さを</TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="0" cellpadding="0" cellspacing="1" bgcolor="#cccccc" height="100%"> <TR> <TD bgcolor="#ffffff">ちゃんと揃えて配置したい</TD> </TR> </TABLE> </TD> </TR> </TABLE> 高さを100%にしても広がりませんでした。 どうにかして高さ(下の位置)を揃えることは出来ないでしょうか?
- ベストアンサー
- HTML
- valign bottomがききません
めちゃめちゃ初歩的なんですが、時間がないので質問させていただきます。 下記で、「トップページ」というリンクを右下に表示させたいですが、右上になってしまい、bottomが効きません。 どこかまずいでしょうか？ <table width="100%" cellspacing="0"> <tr> <td class="headerlogo"> <a href="●"><img src="logo.gif" alt="●" title="●" /></a> </td> <td align="right" valign="bottom"> <a href="●">トップページ</a> </td> </tr> </table>
- ベストアンサー
- HTML
- テーブルのセル内で、あるものは上辺寄せあるものは下辺寄せにしたい
下記のようなソースを表示させた際に 「ＡＢＣ」文字列が、10行でも100行で1000行になっても、 あいうえおのテーブルはvalign=topのようにボーダーの上に常に吸着し、かつ img.gifをvalign=bottomのようにボーダーの下に常に吸着させる方法を 教えてください。 <html> <body> <table border="1"> <tr> <td>ＡＢＣ<br>ＡＢＣ<br>ＡＢＣ<br>ＡＢＣ<br>ＡＢＣ<br>ＡＢＣ<br>ＡＢＣ</td> <td> <table border="1"> <tr> <td>あいうえお</td> </tr> </table> <img src="img.gif"> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- HTML：：テーブルのセルスペーシング、セルパディングについて
テーブルについてお聞きします。どうか助けてください。 以下のようなソースがあります。 <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#DED6BF"> <tr> <td><table width="600" border="0" cellpadding="3" cellspacing="1" bgcolor="#DED6BF"> <tr> <td width="150" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話開始時間</strong></font><img src="image/spacer.gif" width="136" height="1"></td> <td width="150" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話終了時間</strong></font><img src="image/spacer.gif" width="136" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話先</strong></font><img src="image/spacer.gif" width="86" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>通話時間</strong></font><img src="image/spacer.gif" width="86" height="1"></td> <td width="100" valign="top" bgcolor="#F7F7F7"><font size="2"><strong>料金</strong></font><img src="image/spacer.gif" width="86" height="1"></td> </tr> </table></td> </tr> </table> 一番左のセル（通話開始時間）の幅は150で、そのセルに透明gifをいれて、テーブルがくずれないようにしています。その透明gifの長さは"136"です。 なぜ透明gifの長さは136なのでしょうか？14を引く理由がわかりません。 テーブルのcellpadding="3"とcellspacing="1"なので透明gifの長さは"143"なのではないでしょうか？
- 締切済み
- HTML
- IE6/NN7.1のテーブルのheight="100%"
テーブルの高さの指定 height="100%" なんですが、 IE6とNN7.1で１００％で表示されません。 下記の記述に間違いはありますでしょうか？ もしかしたら初歩的な問題なんでしょうか？ ちなみにIE5.5 MacのIE5.2では表示されました。 困っています。 宜しくお願いいたします。 ーーーーーーーーーーーーーー <table border="0" cellspacing="0" cellpadding="0" height="100%"> <tr> <td valign="top">上</td> </tr> <tr> <td valign="bottom">下</td> </tr> </table> ーーーーーーーーーーーーー
- ベストアンサー
- CSS
- テーブル<TD>内に均等割付で表示
例えば、下記のソースで「あああ：」「いいいい：」「ううううう：」をそれぞれ均等割付で表示させたいのですが、テーブルを使用すると出来ません。お分かりになる方がいらしたら教えてください。IE5,6のみ対応ということは承知しています。スタイルシートは、使用した事はありますが勉強不足なので初心者に近いかもしれません。 <table> <tr> <td>あああ：</td> <td>ＤＤＤＤ</td> </tr> <tr> <td>いいいい：</td> <td>ＥＥＥＥ</td> </tr> <tr> <td>うううううう：</td> <td>ＦＦＦＦＦ</td> </tr></table> ------------------------------------- <DIV STYLE="text-align:justify; text-justify: distribute-all-lines"> ↑こういうのはテーブルでは利かないんですよね？
- 締切済み
- HTML
- テーブルレイアウト
テーブルレイアウトで困っています。 <table width="100%" height="100%" border="1"> <tr> <td colspan="2" valign="top" height="100">全体の幅は100％</td> </tr> <tr> <td width="150" valign="top">左のセル<br>幅150</td> <td valign="top">右のセル<br>幅指定なし</td> </tr> </table> これだと問題なく表示されるのですが、 <table width="100%" height="100%" border="1"> <tr> <td colspan="2" valign="top" height="100">全体の幅は100％ 少し長い文章を入れる</td> </tr> <tr> <td width="150" valign="top">左のセル<br>幅150</td> <td valign="top">右のセル<br>幅指定なし</td> </tr> </table> このように１列目のセルに長い文章を入れると、２列目の左のセルの幅が勝手に広がってしまいます。 何が原因で、対処法はないでしょうか？ Netscape7.1ではこうならないんですが、IE6では勝手に崩れてしまいます。 よろしくお願いします。
- ベストアンサー
- HTML
- tableの中にtableを作ると上部によらない
tableの中に更にtableを作りたいのですが、内側のtableが上のほうに配置されず真ん中に出てしまいます。valign=topを使ったのですがうまくいきません。何か方法はありますでしょうか？ <table height=500> <tr><td> ---------- ここと ------------ <table height=250> <tr><td></td></tr> <tr><td></td></tr> </table> ---------- ここにかなりスペースが出来てしまう(*_*) </tr></td> </table>
- 締切済み
- HTML
- テーブル内に２つのテーブルを作成した場合の位置の固定
ＨＴＭＬでテーブルの中に２つのテーブルを作成しました。 簡単に書くと以下のような感じです。 <table border="1"> <tr> <td align="center" valign="top"> <table border="1"> <tr> <td>hogehoge</td> </tr> </table> <br> <br> <table border="1"> <tr> <td>mogomogo</td> </tr> </table> </td> </tr> </teble> テーブル内の一つ目のテーブルをテーブルの上部に、もうひとつのテーブルをテーブル内の下部に表示したいのですがよい方法があるでしょうか？
- ベストアンサー
- HTML
