締切済み

テーブルタグで、高さと幅を調整したいです

2011/11/02 11:20

テーブルタグで、高さと幅を指定したいんですが <td width="サイズ">と <td height="サイズ">で作れるのは分かりましたただ、今回作りたいのは変形(？)パターンなんですが例えばテレビ番組で、出演者の名前等を表示するのに ---------------------------------------- 出演者|名前…役柄、名前…役柄、名前…役柄| ------|名前…役柄、名前…役柄、名前…役柄| 　　　|名前…役柄、名前…役柄、名前…役柄| --------------------------------- この様に作りたいんですが枠の方は線を入れたくないんでゼロの表示です名前と役柄の所は、番組で違って来るんでサイズの指定は出来ず出演者の所だけ指定したいですただ、私の知識では <table border=0><td width="サイズ" height="サイズ">画像</td><td>解説</td></table> と作ってみたんですが ---------------------------------------- 　　　　|名前…役柄、名前…役柄、名前…役柄| 出演者|名前…役柄、名前…役柄、名前…役柄| 　　　　|名前…役柄、名前…役柄、名前…役柄| ---------------------------------------- この様に出来てしまいます

mitsuemon
お礼率60% (1485/2450)

回答全件

美しくないやり方ですが、こんな感じでしょうか？ <table cel…

2011/11/02 22:43

これでどうでしょうか。 <table border="1"> <tr…

2011/11/02 13:45

<td width="サイズ" height="サイズ" valign…

2011/11/02 12:04

みんなの回答 （3）
専門家の回答

みんなの回答

ponta1971
ベストアンサー率30% (361/1191)

2011/11/02 22:43 回答No.3

美しくないやり方ですが、こんな感じでしょうか？ <table cellspacing='0' style='border-style:none;'> <tr> <td style='border:none; padding:0px; vertical-align:top;'><div style='border:solid 1px;'>出演者</div></td> <td style='border:solid 1px;'>名前…役柄、名前…役柄、名前…役柄<br>名前…役柄、名前…役柄、名前…役柄<br>名前…役柄、名前…役柄、名前…役柄</td> </tr> </table>

全文を見る

ログインすると、全ての回答が全文表示されます。

hamada-i13
ベストアンサー率12% (6/49)

2011/11/02 13:45 回答No.2

これでどうでしょうか。 <table border="1"> <tr> <td>出演者</td> <td rowspan="2">名前…役柄、名前…役柄、名前…役柄<br>名前…役柄、名前…役柄、名前…役柄<br>名前…役柄、名前…役柄、名前…役柄<br></td> </tr> <tr> <td> </td> </tr> </table>

全文を見る

ログインすると、全ての回答が全文表示されます。

kawa20710
ベストアンサー率46% (647/1378)

2011/11/02 12:04 回答No.1

<td width="サイズ" height="サイズ" valign="top"> 画像ならこれで上位置になりますが…。

質問者

お礼 2011/11/02 12:56

回答有難う御座います大変申し訳ないんですが上の位置に持って行きたいんじゃなく枠その物を上に持って行きたいんです実は、投稿した後でも感じたんですが場合に、よっては枠を表示する事も視野に入れました従って、その場合だと中身を上に持って来ても意味が無いんです

全文を見る

ログインすると、全ての回答が全文表示されます。

関連するQ&A

テーブルタグの余白
テーブルタグを使ってHPのレイアウトを整えようと思っているのですが、セルの中に画像をいれるとどうしても下に余白ができてしまい困っています。対策方を教えて下さい。セルの大きさも画像の大きさにあわせています！！ <Table Border="0" CELLPADDING="0" WIDTH="146" HEIGHT="166" > <Tr> <Td ColSpan="3" WIDTH="146" HEIGHT="19"> <img src="画像"> </Td> </Tr> <Tr> <Td WIDTH="19" HEIGHT="128"> <img src="画像"> </Td> <Td WIDTH="108" HEIGHT="128"> aiueo </Td> <Td WIDTH="19" HEIGHT="128"> <img src="画像"> </Td> </Tr> <Tr> <Td ColSpan="3" WIDTH="146" HEIGHT="19"> <img src="画像"> </Td> </Tr> </Table>
- ベストアンサー
- Windows 95・98
テーブルタグ
<table> <tr> <td height="30" width="100" style="border-right:2px dashed #dd0044;border-bottom:2px dashed #dd0044;"> </td> </tr></table> 上記タグを使うと、何も表示されなくなります。セルには文字なしの線のみを出したいのですが・・・タグに誤りがあればご指摘頂きたいです。
- ベストアンサー
- HTML
TABLEタグの幅指定
テーブルの幅を厳密に指定したいのですが、例えば以下のような１行２列のテーブルがあるとき、 <TABLE CELLSPACING=1 CELLPADDING=4 BORDER=0> <TR> <TD WIDTH=100>***</TD> <TD WIDTH=100>***</TD> </TR> </TABLE> このような場合にテーブルタグにWIDTH属性を加えるとすると、 100*2+4*4+1*3=219で、WIDTH=219が正確な値なのでしょうか？よろしくお願いします。
- 締切済み
- HTML
テーブルタグについて
私は今テーブルタグでレイアウトする勉強をしています。よくＨＰでみかける作り方ですが、セルを縦に設定したいと思っています。作り方がテーブルタグの中にテーブルタグをいれて作っているようなのですが、実際私が作ってみると、左右のテーブルの位置が行数が違ってくると少ない行数の方が上下にセンタリングされてしまい、トップの位置がずれてしまいます。何回もＨＰを見て、これはと思うタグをいれてやってはみたのですが、うまくいきません。下に私が作った「html」をのせましたので、どなたかわかる方、教えてください。お願いします。＜参考html＞ <html> <head> </head> <body> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <table> <tr> <td> <table border="1"> <tr> <td>これは日本昔話です。</td> </tr> <tr> <td>むかしむかしあるところにおじいさんとおばあさんが住んでいました。ある日おじいさんは芝刈りに、おばあさんは川へせんたくにいきました。</td> </tr> </table> </td> </tr> </table> </td> <td> <table border="1"> <tr> <td> <table border="1"> <tr> <td>私はＷＥＢの勉強をしています。</td> </tr> <tr> <td>なかなかむずかしいです。。</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
テーブルタグについてなんですけど・・・
下記のテーブルタグを使うと <Table Border> <Tr BgColor=#d5eaff> <Td>あ</Td><Td>い</Td> </Tr> <Tr BgColor=#ffffd5> <Td>う<Td><Td>え</Td> </Tr> </Table> これをHPに編集して反映させてみると上にテーブルと同じ色の棒線みたいなものが現れるんです。 http://heo.jp/tag/table/bgcolor.html　　ここから、テーブルタグを頂きました。どなたか、わかる方がいましたら回答お願いします。
- 締切済み
- その他（インターネット・Webサービス）
IEでのテーブル幅
質問させて下さい。テーブルのソースが以下のようになっています。 <table width="450" height="300" border="1" cellpadding="10" cellspacing="0" bordercolor="#333333"> <tr> <td width="225" height="150" align="left" valign="top">あああああああああああああああああああああああ</td> <td width="225" height="300" rowspan="2" background="haikei.jpg"> </td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に違いが大きいんです。（IEの表示の方が縦が長くなります）このままだと右側の背景画像の高さと左のテキストの高さがあいません・・・それぞれのテーブル幅などの指定はきちんとしているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。
- ベストアンサー
- HTML
テーブルタグで列を揃える方法
テーブルタグで列を揃える方法を教えてください。 <table border width="500"> <tr> <td>あ</td> <td>あい</td> <td>あいう</td> <td>あいうえ</td> <td>あいうえお</td> </tr> </table> のような表だとあいうえおの部分が一番大きな枠になって、あの部分が一番小さな枠になってしまいます。あも、あいうえおも同じ大きさの枠にする方法がありましたら教えていただけると助かります。回答お願い致します。
- ベストアンサー
- HTML
このテーブルタグの中の色を白にするには
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css">  </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_1.gif" width="20" height="20" border="0"></TD> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> <TD colspan="2" rowspan="2"><IMG src="images/001_base_2.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="18"></TD> </TR> <TR> <TD width="2" bgcolor="#000000"><BR> </TD> <TD width="18"></TD> <TD>ここに内容を書きます（画像<A href="images/001_base_1.gif">１</A>・<A href="images/001_base_2.gif">２</A>・<A href="images/001_base_3.gif">３</A>・<A href="images/001_base_4.gif">４</A>）</TD> <TD width="18"></TD> <TD width="2" bgcolor="#000000"><BR> </TD> </TR> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_4.gif" width="20" height="20" border="0"></TD> <TD height="18"></TD> <TD rowspan="2" colspan="2"><IMG src="images/001_base_3.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 現在はテーブルの内側の色が透明色（背景の色）になっています。これを透明でなく白にする方法をおしえてください！
- 締切済み
- HTML
テーブルタグ内の文字位置を統一する方法について
ひとつのページにある複数のtableタグのうち、ひとつだけタグ内の文字位置を一括で統一する方法を教えてください。<td>タグにvalign="top"などと一つずつ記載していくしかないのでしょうか。たとえば、とあるページに下記の２つのテーブルタグがあるとして <table border=1 width=5> <tr><td>適当</td> </table> <table border=1 width=5 この場所で一括設定する方法="知りたいです"> <tr><td>このテーブルだけ</td> <td>全部</td> 　<tr><td>文字位置を上で</td> 　<td>統一したいです</td> </table>
- ベストアンサー
- HTML
テーブルタグについて質問
テーブルを横に二つ並べたのですが赤い線と中のセルに間に隙間があいてしまいます上にぴったりつけたいので、TD valign="top"を使いましたが上手くいかず困っています。以下、自己流ソースです <TABLE border="3" bordercolor="red" height="60%" cellpadding="0"> <TR> <TD valign="top"> 　　<TABLE border="1" width="100%" cellpadding="0"> 　　　　<TR> 　　　<TD><img src="image/＊＊＊＊.jpg"></TD> 　　　　</TR> 　　</TABLE> 　　</TD> 　<TD valign="top"> 　　<TABLE border="1" cellpadding="0"> 　　　<TR><TD width="30%" align="right"><B>＊＊＊＊</TD><TD>＊＊＊＊</B></TD> </TR> 　　　　<TR><TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> 　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> 　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> 　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> 　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR> <TR> 　<TD>＊＊＊＊</TD><TD>＊＊＊＊</TD></TR></TABLE> </TD> </TR> </TABLE>
- ベストアンサー
- その他（インターネット・Webサービス）