- 締切済み
HTMLの疑問
初心者ですが、HPに表組を作成したのですが、HP上では表の上にタグマークが出でしまいます、どのように編集したら良いでしょうか、 また表組をカテゴリー選択別で表示、非表示にすると事は出来るでしょうか、教えて下さい。 <div class="detail"> <!--// 商品メイン画像 --> <h3 align="center" style="font-size: 7pt;"><TABLE BORDER> <CAPTION>ADULT SREES SIZE</CAPTION> <TR><TH></TH><TH>XS</TH><TH>S</TH><TH>M</TH><TH>L</TH><TH>XL</TH><TH>2XL</TH><TH>3XL</TH></TR> <TR><TH>BUST</TH><<TD>86.36</TD><TD>88.9</TD><TD>93.98</TD><TD>99.06</TD><TD>104.14</TD><TD>111.76</TD><TD>111.76</TD></TR> <TR><TH>WAIST</TH><<TD>64.77</TD><TD>67.31</TD><TD>72.39</TD><TD>77.49</TD><TD>82.55</TD><TD>90.17</TD><TD>95.25</TD></TR> <TR><TH>HIP</TH><<TD>93.98</TD><TD>96.52</TD><TD>101.6</TD><TD>106.68</TD><TD>111.76</TD><TD>119.38</TD><TD>124.46</TD></TR> </TABLE></h3>
- wild-rose
- お礼率100% (4/4)
- HTML
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<div class="detail"> <!--// 商品メイン画像 --> <h3 align="center" style="font-size: 7pt;"><TABLE BORDER> <CAPTION>ADULT SREES SIZE</CAPTION> <TR><TH></TH><TH>XS</TH><TH>S</TH><TH>M</TH><TH>L</TH><TH>XL</TH><TH>2XL</TH><TH>3XL</TH></TR> <TR><TH>BUST</TH><TD>86.36</TD><TD>88.9</TD><TD>93.98</TD><TD>99.06</TD><TD>104.14</TD><TD>111.76</TD><TD>111.76</TD></TR> <TR><TH>WAIST</TH><TD>64.77</TD><TD>67.31</TD><TD>72.39</TD><TD>77.49</TD><TD>82.55</TD><TD>90.17</TD><TD>95.25</TD></TR> <TR><TH>HIP</TH><TD>93.98</TD><TD>96.52</TD><TD>101.6</TD><TD>106.68</TD><TD>111.76</TD><TD>119.38</TD><TD>124.46</TD></TR> </TABLE></h3> </div> 6～8行目に < が余分についていました、なかなか見つからなかったです。
関連するQ&A
- HTMLでテーブルを縦に並べたい！
基本的な質問でお恥ずかしいのですが、困っています。 テーブルを二つ、縦に並べたいのですが、何故か横に並んでしまいます。 どこが悪いのでしょうか？初心者ですみません…お知恵をお貸しください(T_T)。 <caption><font color="#ff0000">●</font>A <font color="#0000ff">●</font>B</font></caption> <table bgcolor="#80ffff" border="1"cellspacing="0" bordercolor="#0000ff" align="left"> <tr><th width="30"><font size="+5"><font color="#ff0000">●</font></th> <th width="150"> <font size="+4"><strong><big>C</big></strong></font></th> <td><font size="+2">D<br>E</font></td></tr> <tr><td></td><td><div align="center"> <font size="4" color="#8080ff"> 準備中</font></div></td><td></td></tr></table> </p></div> <p></p> <table align="center" bgcolor="#80ffff" height="20" width="250" border="1" cellspacing="2" cellpadding="0"> <tr><td><blink>HOME</blink></td></tr> </table> </body>
- ベストアンサー
- HTML
- HTMLのテーブルについて
HTMLのテーブルについて 今、HTMLを勉強しています。下記のようにテーブルを作成し一部にセルの結合を行ったところ、(2)の結合したセル右端から外枠までが広がってしまいます。せっかく綺麗に見えるように上の表と下の表のセル幅を合わせても、上の表の右端が出っ張ってしまって意味がありません。 これを解決するにはどのように改善すればいいのでしょうか？ <html> <head> <title>A</title> </head> <body> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>１</td> <td>Ａ君</td> <td>(1)</td> </tr> <tr> <td>１</td> <td>Ｂ君</td> <td rowspan="2">(2)</td> </tr> <tr> <td>１</td> <td>Ｃ君</td> <td></td> </tr> </table> <br> <table border="2"> <tr> <th>No.</th> <th>名前</th> <th width="50">備考</th> </tr> <tr> <td>２</td> <td>Ｄ君</td> <td>(3)</td> </tr> <tr> <td>２</td> <td>Ｅ君</td> <td>(4)</td> </tr> <tr> <td>２</td> <td>Ｆ君</td> <td>(5)</td> </tr> </table> </body> </html>
- ベストアンサー
- その他（インターネット・Webサービス）
- エクセルでのHTMLの表の切替(行・列切替も)
こんにちは。 お世話になります。 ショッピングサイトで表示中のサイズ表を新たなデザインに変えることにしました。 具体的には下記に記載の通りです。 元は横に伸びる表記だったものをこのタイミングで縦に伸びる表記に変えます。 また、デザインもよりシンプルなものになります。 このアイテム１点であればこれにて作業完了なのですが、 1000点ともなると、仕組みを作った方がはるかに早いのですが、 手法が頭に浮かびません。 新レイアウトにするのは、エクセル上でひな形の表を作って、それをマクロでボタンを押せば 一気にHTMLのTABLEタグ付きで出力すればイケるかも、と思いました。 ではそのひな形の表を現在のHTMLタグから起こすには… 想像ができませんでした。 それともそもそもまったく違う手法の方が簡易…？難しいです。 よろしければご教示いただけないでしょうか。 ちなみに袖丈があるものもあったり、アイテムによって形状・揃えているサイズ展開が違うため、 テーブルの行や列はアイテムによって変わってきてしまい、○行○列のものです、と いうことはできません。 -------------------- ※現在のサイズ表である↓を <font color=#000000 size=3><b>サイズ表</b></font><br><table width=300 cellspacing=0 cellpadding=2 bgcolor=#FFFFFF><tr><td bgcolor=#66CC66><table width=100% cellspacing=1 cellpadding=1 bgcolor=#FFFFFF><tr><td bgcolor=#99CC99><table width=100% cellspacing=0 cellpadding=20 bgcolor=#FFFFFF><tr><td bgcolor=#FFFFFF align=left><font color=#000000 size=3><table border=1 width=420><tr><td width=60></td><td width=60>92cm</td><td width=60>98cm</td><td width=60>104cm</td><td width=60>110cm</td><td width=60>116cm</td><td width=60>122cm</td></tr> <tr><td width=60>総丈</td><td width=60>54cm</td><td width=60>57cm</td><td width=60>60cm</td><td width=60>63cm</td><td width=60>66cm</td><td width=60>69cm</td></tr> <tr><td width=60>身幅</td><td width=60>26cm</td><td width=60>27cm</td><td width=60>28cm</td><td width=60>29cm</td><td width=60>30cm</td><td width=60>31cm</td></tr></table><br>※平置きでの採寸になるので、若干の誤差はご了承ください。<br></font></td></tr></table></td></tr></table></td></tr></table> 新しい以下のサイズ表表記に切り替えたいです。 【サイズ表】 <table> <tr> <th scope="row">年齢・身長</th> <th scope="row">総丈</th> <th scope="row">身幅</th> </tr> <tr> <th scope="row">92cm</th> <td>54cm</td> <td>26cm</td> </tr> <tr> <th scope="row">98cm</th> <td>57cm</td> <td>27cm</td> </tr> <tr> <th scope="row">104cm</th> <td>60cm</td> <td>28cm</td> </tr> <tr> <th scope="row">110cm</th> <td>63cm</td> <td>29cm</td> </tr> <tr> <th scope="row">116cm</th> <td>66cm</td> <td>30cm</td> </tr> <tr> <th scope="row">122cm</th> <td>69cm</td> <td>31cm</td> </tr> </table> ※平置きでの採寸になるので、若干の誤差はご了承ください。 <br> ちなみに、新しいサイズ表は、サイズ表以外の他の商品情報とともに 以下のスタイルで定義されています。 <style> .sc-table-01{width: 320px;font-size: 0.9em;} .sc-table-01 table{ border-collapse:collapse; margin: 5px; width: 100%; } .sc-table-01 th{ font-style: normal; font-size: 0.9em; color: #000; background-color: #FFD6C1; border: 1px solid #999; padding: 6px; white-space: nowrap; line-height: 150%; } .sc-table-01 td{ border: 1px solid #999; font-size: 0.9em; padding: 10px; line-height: 150%; } </style> <div class="sc-table-01">
- 締切済み
- Excel（エクセル）
- HTMLで文とテーブルの間が空く。
現在ＨＴＭＬとＣＳＳでホームページを作成しています。 それで文とテーブルの間に意図しない空欄ができてしまいます。 この理由と対策を教えてください。 ＨＴＭＬは↓ <div id="contents"> <div id="main"> <h2>会社概要</h2> <table class="table"> <tr> <th>社名</th> <td></td> </tr> <tr> <th>所在地</th> <td></td> </tr> <tr> <th>代表者</th> <td></td> </tr> <tr> <th>設立</th> <td></td> </tr> <tr> <th>資本金</th> <td></td> </tr> <tr> <th>従業員数</th> <td></td> </tr> <tr> <th>関連会社</th> <td></td> </tr> </table> </div><!-- main end --> <div id="totop"> <p><a href="#top">ページのトップへ戻る</a></p> </div><!-- totop end --> </div><!-- contents end --> です。 この会社概要<h2>と<table>の間に十数行の空欄ができます。 ＣＳＳを取り除いてＨＴＭＬだけにしても、こう表示されます。 ご回答お願いします。
- ベストアンサー
- HTML
- HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。
HTMLを使って表を作成しているのですが、枠線がキレイに揃いません。 下のソースで５０と１３０のとこをきちんとエクセルのように枠線揃えたいのですが、 どのようにしたら良いのでしょうか？ よろしくお願いします。 <HTML> <BODY> <TABLE border=1><TR> <TH width="50"></TH> <TH width="135"></TH> <TH width="65"></th> <TH width="65"></th> <TH width="65"></th> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR><TR> <TD width=50>50</TD> <TD width=200>200</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=50 rowSpan=2>50</TD> <TD width=135 rowSpan=2>135</TD> <TD width=65 rowSpan=2>65</TD> <TD width=130 colSpan=2>130</TD> </TR><TR> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=50>50</TD> <TD width=135>135</TD> <TD width=65>65</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR><TR> <TD width=250 colSpan=3>250</TD> <TD width=65>65</TD> <TD width=65>65</TD> </TR></TABLE> </TD> </TR><TR> <TD colspan="5"> <TABLE border=1><TR> <TD width=250>250</TD> <TD width=130>130</TD> </TR></TABLE> </TD> </TR> </TABLE> </BODY> </HTML>
- ベストアンサー
- HTML
- HTML 表の中の表
趣味でHPを作り始めたのですが表のところがよくわかりません。 大きな表（外枠）の中に2個目の表を作りたいのですが、どうしても2個目の表が大きな表（外枠）の真ん中に来てしまいます。2個目の表が大きな表の一番上にくっつくようにしたいのですがどうしたらいいのでしょうか。宜しくおねがいします。 <html> <body> <table border="1" height="500" width="300"> <tr> <td> <table border="1" width="100%"> <tr > <td colspan="3" > </td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </td> </tr> </table> </body> </html>
- 締切済み
- その他（趣味・娯楽・エンターテイメント）
- HTMLで外部ファイルの読み込み
HTMLの表が存在するときに、その表の中に入る文字列を 別のファイル(テキストやHTML)で外部から読み込んで表示する方法について教えてください。まったくの素人です。。。 <html> <table border="1"> <tr> <th>A</th><th>B</th><th>C</th><th>D</th><th>E</th> </tr> </thead> ーーーーーーこの中が外部ファイルの記述ーーーーーーー <tr> <td>AAAAAAA</td> <td>BBBBBBB</td> <td>CCCCCCC</td> <td>DDDDDDD</td> <td>EEEEEEE</td> </tr> <tr> <td>A'A'A'A'A'</td> <td>B'B'B'B'B'</td> <td>C'C'C'C'C'</td> <td>D'D'D'D'D'</td> <td>E'E'E'E'E'</td> </tr> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー </table> </body> </html>
- 締切済み
- HTML
- display:table-cellについて
下記のhtmlを、 <h4>あああ</h4><p>あああ</p> <h4>いいい</h4><p>いいい</p> <h4>ううう</h4><p>ううう</p> 下記のようなテーブルのときと同じ見た目にしたいです。 <table> <tr> <th>あああ</th><th>いいい</th><th>ううう</th> </tr> <tr> <td>あああ</td><td>いいい</td><td>ううう</td> </tr> </table> つまり、h4同士、p同士の高さが、 それぞれ一番高いセルに追従するということです。 ※文法を遵守したまま見た目だけテーブル組みが狙いですので、 テキストの順番を入れ替えるのはＮＧです。 display:table-cellがIE8から実装されますので、 tableの代用品として使えると思ったのですが、 もし、このケースがdisplay:table-cellではできないとなると、 とんだ紛い物となってしまいます。 現在、自分でも調べているところですが、 ご存知の方がいらっしゃいましたら、 ご教授よろしくお願いいたします。
- ベストアンサー
- HTML
- XHTMLの<table>について教えてください。
XHTMLの<table>について、皆様の知識を貸してくださいm(_ _)m 一応調べはしましたが、もし基礎の基礎みたいな質問をしてたらすみません。 【質問】 (1)、XHTMLのtableに、captionって使っていいの？ (2)、<th>って、一番上の<tr>～</tr>間以外に使ったら駄目？もしくは、使ってもいいが好ましくない？ (3)以下、サンプルソースみたいな使い方はしてもいいのでしょうか・・・？ 【サンプルソース】 <table> <caption>色の心理効果について</caption> <tr> <th>赤の心理効果</th> <th>青の心理効果</th> <th>黄色の心理効果</th> </tr> <tr> <td>気持ちを前向きにさせる</td> <td>集中力を高める</td> <td>集中力を発揮させる</td> </tr> <tr> <th>緑の心理効果</th> <th>桃の心理効果</th> <th>紫の心理効果</th> </tr> <tr> <td>リラックスさせる</th> <td>幸せ・優しい気持ち</td> <td>高貴・神秘的</td> </tr> ……以下繰り返し </table> 以上です。 知識不足で恥ずかしいかぎりですが何卒よろしくお願いいたします。
- ベストアンサー
- HTML
- ＨＴＭＬ 複雑なテーブルの作成
今、ＨＴＭＬでテーブルを作成しています。 よろしくお願いします。 下記のHTMLでテーブルを作成し 番号「１８」までは、うまくいきました。 つぎに「１９」を作成しようとすると 「９」のセル（rowspan="5"）が下に伸びて、「１９」に重なります。 何か、解決の方法はありますでしょうか？ ＣＳＳでborderやclassを使用していますが省略しています。 また、widthも使用していますが省略しています。 <table cellspacing="7"> <tr> <th colspan="2">１</th> <th>２</th> <th>３</th> <th>４</th> <th>５</th> <th>６</th> </tr> <tr> <td>７</td> <td>８</td> <td rowpan="5">９</td> <td>１０</td> <td>１１</td> <td>１２</td> <td>１３</td> </tr> <tr> <td colspan="2">１４</td> <td>１５</td> <td>１６</td> <td>１７</td> <td>１８</td> </tr> <tr> <td colspan="7">１９</td> </tr> </table>
- ベストアンサー
- CSS
お礼
ご足労お掛けしました、有難う御座いました。