• 締切済み

1000個の文章から規則に従い複数の文字群体を抽出

こんにちは。 お世話になります。 商品のcsvがあります。商品説明文です。 ここから、「説明文」「サイズ表」「素材」「国」「白文字情報」の情報を抜き出したいです。 新たなデザインに切り替えるのですが、1000アイテムほどあるため、 仕組みを構築して、必要な情報のみをまず抜き出し、それを新しい レイアウトのHTMLタグを組み合わせようと思っています。 まずは抜き出したいのですが、手法が皆目見当がつきません。 よろしければ、ご教示いただけないでしょうか。 よろしくお願いいたします。 【抜き出し元】 <a href="http://item.rakuten.co.jp/shopname/c/0000000387/" target="_blank"><img src="http://image.rakuten.co.jp/shopname/cabinet/99999999/99999999/songbilong.jpg" border=0></a><BR><BR><table border="0" cellspacing="0" cellpadding="2"> <tr valign="top"> <td nowrap> <a href="http://item.rakuten.co.jp/shopname/c/0000000386/"> ギフト対応 </a> </td> <td> <img src="http://image.rakuten.co.jp/shopname/cabinet/raku_gift/img57886349.gif" alt="ラッピング対応" width="100" height="21" hspace="1"> <img src="http://image.rakuten.co.jp/shopname/cabinet/raku_gift/img57886347.gif" alt="のし対応" width="100" height="21" hspace="1"> <img src="http://image.rakuten.co.jp/shopname/cabinet/raku_gift/img57886348.gif" alt="のし記名可" width="100" height="21" hspace="1"> <img src="http://image.rakuten.co.jp/shopname/cabinet/raku_gift/img57886345.gif" alt="メッセージカード" width="100" height="21" hspace="1"> <img src="http://image.rakuten.co.jp/shopname/cabinet/raku_gift/img57886346.gif" alt="フリーメッセージ" width="100" height="21" hspace="1"> </td> </tr> </table> <BR><font size = 3 color = "magenta"> 【商品説明】<BR> </font> <font size =2 color = "deeppink"><b> <font size =3 color = "blue"></font><BR>とてもかわいい、スカートのような、<BR> デニムのオーバーオールです。<BR> 胸ポケット、裾、後ろポケットには、<BR> 刺しゅうやストーンが施され、<BR> 凝ったデザインになっています。<BR> 肩ひも、ウエストは調節可能です。<BR> </font></b> <BR> <P>【サイズ表】()は日本サイズ</P> <P><TABLE WIDTH="200" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD WIDTH="16%"></TD> <TD WIDTH="16%"> <P><CENTER>68cm(70~75cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>74cm(75~80cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>80cm(80~85cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>86cm(85~90cm)</CENTER></TD> </TR> <TR> <TD WIDTH="16%"> <P><CENTER>身丈</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>43cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>45cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>47cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>49cm</CENTER></TD> </TR> <TR> <TD WIDTH="16%"> <P><CENTER>身幅</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>24cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>25cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>26cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>27cm</CENTER></TD> </TR> <TR> </TABLE> <BR> 【素材】<BR><BR> 綿100%<BR> <BR> 【品質管理国・生産国】<BR><BR> ブラジル・イギリス<BR> <BR> <font size = 2 color = orangered face="HGS創英角ポップ体"> 【注意】 画面上と実物では多少色具合が<BR> 異なって見える場合もございます。<BR> ご了承ください。<BR> </font> <BR><BR><BR><BR><BR><BR><BR><font size="1" color="white">◆68cm◆74cm◆80cm◆86cm青・水色</font> 【抜出先】 (1) とてもかわいい、スカートのような、<BR> デニムのオーバーオールです。<BR> 胸ポケット、裾、後ろポケットには、<BR> 刺しゅうやストーンが施され、<BR> 凝ったデザインになっています。<BR> 肩ひも、ウエストは調節可能です。<BR> (2) ><TABLE WIDTH="200" BORDER="1" CELLSPACING="2" CELLPADDING="0"> <TR> <TD WIDTH="16%"></TD> <TD WIDTH="16%"> <P><CENTER>68cm(70~75cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>74cm(75~80cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>80cm(80~85cm)</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>86cm(85~90cm)</CENTER></TD> </TR> <TR> <TD WIDTH="16%"> <P><CENTER>身丈</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>43cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>45cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>47cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>49cm</CENTER></TD> </TR> <TR> <TD WIDTH="16%"> <P><CENTER>身幅</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>24cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>25cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>26cm</CENTER></TD> <TD WIDTH="17%"> <P><CENTER>27cm</CENTER></TD> </TR> <TR> </TABLE> (3) 綿100% (4) ブラジル・イギリス (5) ◆68cm◆74cm◆80cm◆86cm青・水色

みんなの回答

  • sora1515
  • ベストアンサー率58% (54/92)
回答No.1

こう抜き出したい。という質問のようですが 当たり前ですが『どういう条件』でこう抜き出したい。 と書かないと答えようがありません。『』が抜けています。 例 最初に現れた【商品説明】の次から【サイズ表】までを抽出<font>だけは省く。 最初に現れた【商品説明】の次から【サイズ表】までを抽出<BR>以外の全てのタグは省く。 <font size="1" color="white">の次から</font>前までを抽出 第一1つ例をもらえば全て応用なので仕様を全て書く必要もありません。 やりたい事を書くから全部作ってくれに聞こえます。学ぶ気0

ARIES10
質問者

お礼

うーん。 ある程度具体的に道筋が見えている場合、 「この部分が具現化できないから助けてほしい」と言えますが 今回のことに関しては、その道筋がまだ見えない状態だったので、 具体例の抜出元に対して、抜き出し文言を例示することによって、 求めている結果を示したつもりです。 ご指摘の条件の詳細として、同時にタグを省けるなら一緒に省いた方が それはよりよいですが、それはまた別の問題なので今回の質問をする上で 必須の条件だとは考えていませんでした。 これは自分で「正規表現」という単語をネットに見つけて、 特にこの質問と一緒にしなくても自分で解決できそうです。 なので、道筋が見えるきっかけでももらえたら質問を深化させることも できますが、まずは…という状態でした。 しかし、正規表現でタグをすべて消したところ、 かなりやりたいことへの残作業が減った感じなので、 またちょっと色々とやってみます。 お返事頂けて、その親切心に感謝いたします。 ですが、相手の状況などへの配慮をせずに「学ぶ気0」と言えてしまう あたりは、、、、いえ、やめておきます。 ありがとうございました。

ARIES10
質問者

補足

備忘的に… 正規表現の指定で<>で囲まれたものをすべて消去したところ、かなりさっぱりしました。 その後、抜き出したい項目のタイトルである【商品説明】、【素材】などをすべて「,」に変換し、エクセル標準機脳の区切り位置で「,」部分で区切ったところ、ある程度目的が達成され、 あとは愚直な単純作業×nを繰り返して、 目的のデータ抜出ができました。 サイズ表だけは<>タグ消去した時点でアウトなので、 ここだけは別途考えますが、 とりあえず目的達成できたので、回答を締め切らせて頂きます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ヤフオクのテンプレートでバックグラウンドを使いたい

    今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>

  • 2列に表示させたい

    お世話になります。HTML初心者で教えていただきたいのですが、よろしくお願いします。 以下のタグで、「月別来館者数の推移」まで表示できたら、次の表は3cm程間を空けて右に表示させたいのですが、 タグをどのようにすればいいのでしょうか。 タグを直していただければ助かります。 よろしくお願いします。  <tbody> <tr> <td width="200" valign="Top" class="normal"> <p><span class="textitle"><font size="2"><b> 来館者数</b></font></span><br> <br> <font size="2">平成17年○月分<br> <br> <font size="2">月別来館者数の推移</font></p> </td> </tbody> </table> <font size="2">平成  年  月  日現在</font></tr> <table border="1" bordercolor="black" vspace="5" hspace="30" align="Left"> <tbody> <tr> <td align="Center" width="70"><font size="2">資料1</font></td> <td align="Center" width="70"><font size="2">約   冊</font></td> </tr> <tr> <td align="Center" width="70"><font size="2">資料2</font></td> <td align="Center" width="70"><font size="2">約   題</font></td> </tr> <tr> </tbody> </table>

    • ベストアンサー
    • HTML
  • ASP修正について

    下記のソースを書いています。 印刷ボタンと閉じるボタンがうまく表示されない。ボタンクリック表示されない。 不要なところは削除してもかまいません。 教えてください。 sResult = sResult & _ " </TR></TBODY></TABLE><BR>" & _ "<TABLE border=^0^><TBODY>" & _ " <TR>" & _ " <TD width=^354^><FONT size=^-1^ color=^#0099ff^></FONT></TD>" & _ " </TR><TR>" & _ " <TD><FONT size=^-1^>" & _ "  " & _ "  " & _ "  " & _ "  " & _ "  " & _ "  </FONT></TD>" & _ " </TR>" & _ "</TBODY></TABLE>" & _ "<input type=^button^ value=^印 刷^ onclick=^window.print()^>  <input type=^button^ value=^とじる^ onclick=^link()^>" & _ "<BR><BR><TABLE border=^0^ align=^center^><TBODY>" & _ " <TR><TD align=^center^>" & _ " <br><B>処理が完了しました。ご依頼ありがとうございます。<BR>" & _ " [印刷] ボタンをクリックすると、このページの内容をプリントアウトできます。<BR>" & _ " [印刷] ボタンが表示されない場合は、ブラウザの印刷機能をご利用ください。</B>" & _ " </TD></TR>" & _ "</TBODY></TABLE>" & _ "<BR></CENTER>" & _ "<TABLE border=^0^><TBODY>" & _ " <TR><TD><FONT size=^-1^>" & _ " " & _ " </FONT></TD>" & _ " </TR>" & _ "</TBODY></TABLE>" & _ "<BR></FONT>" & _ "<TABLE border=^0^ width=^660^ cellpadding=^1^ align=^center^><TBODY>" & _ " <TR><TD width=^911^ align=^center^>" & _ " <A href=^^>" & _ " <IMG src=^img/index.gif^ alt=^indexページへ^ border=^0^ height=^20^ width=^80^ align=^center^></A>" & _ " </TD></TR>" & _ "</TBODY></TABLE>" & _ "</FORM></BODY>" & _ "</L>"

  • 文章の見栄え

    テーブルタグの下に文章を入れているのですが、中央に揃えると文章の最後の文字数が少ない為、その文字も真ん中に揃ってしまい見栄えが悪いです…テーブルの幅に合わせ、文字の頭は左揃えにしたいのですが、 テーブルタグを <CENTER> <TABLE width="600"> <TBODY> <TR> <Div align="center"><Table border="1" width="600" height="10" bgcolor="#ffbfff" bordercolor="#0080ff" cellspacing="0"> <Tr><Td align="left"> タイトル </Td></Tr></Table> <BR> <font size="-1"> ここに文章を入れています。<BR>   文章は2段です。</font> </Div> </TR> </TBODY> </TABLE> </CENTER> このようにしても意味はないのでしょうか?

    • ベストアンサー
    • HTML
  • 添付のような飾り枠内に箇条書きを配したものを作ったところ、1行目が枠の

    添付のような飾り枠内に箇条書きを配したものを作ったところ、1行目が枠の下端に近づくのですが、枠の内側に均等に余白を入れ、文章全体が中央に行くようにするにはどうしたらよいでしょうか。 <TABLE cellspacing="3" bgcolor="#dfe8bd"> <TBODY> <TR> <TD> <TABLE background="red.gif"> <TBODY> <TR> <TD></TD> <TD height="5"></TD> <TD></TD> </TR> <TR> <TD width="10"></TD> <TD align="center"> <TABLE bgcolor="#e1e9c2" width="100%" cellspacing="2"> <TBODY> <TR> <TD bgcolor="#e6ffe6" width="649" height="147"> <IMG src="tyoutin.gif" width="70" height="90" border="0" hspace="15" vspace="20" align="right"> <dl> <DD>日付 ○○○○○○○○○○○○○○○<br><br> <DD>日付 ○○○○○○○○○○○○○○○<br><br> <DD>日付 ○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○ </dl> </TD> </TR> </TBODY> </TABLE> </TD> <TD width="10"></TD> </TR> <TR> <TD></TD> <TD height="5"></TD> <TD></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE></center>

  • HTMLと文字フォントに関して

    下記の商品ページの下の方にそれぞれ商品説明を記した「Description」などが記載されてあります。 商品ページ1 http://www.ebay.com/itm/Mint-TAMRON-SP-AF-17-50mm-F-2-8-f2-8-XR-LD-ASPH-IF-for-canon-AF-F-S-from-Japan-/221979240719?ssPageName=STRK:MESE:IT 商品ページ2 http://www.ebay.com/itm/Near-Mint-PENTAX-smc-FA-645-400mm-f-5-6-1-5-6-with-Hood-Free-Ship-Japan-241-/141828835849?hash=item2105a84a09:g:sm4AAOSwgQ9Vs04M ■質問 商品ページ1のフォントを、商品ページ2とまったく同じにしたい場合はどのようにすればいいでしょうか?下記に商品ページ1のHTMLを添付させていただきました。どこを修正すればいいかご教示いただけないでしょうか?(質問文字数が限られているので下の方をカットしてあります) <table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <center> <font color="#ff0000" size="6"><b> <!-- ●●●タイトルを入れる●●● --> </b></font><br><br> <table width="800" cellpadding="10"> <tbody><tr><td bgcolor="#ffffff"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffcc33" valign="top" height="32"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffe566" align="center" height="30" width="25%"> <font color="#000000" size="5"><b> Description </b></font> </td> <td bgcolor="#ffffff" width="75%"></td> </tr> </tbody></table> </td></tr> <tr><td> <table cellspacing="15" width="100%"><tbody><tr><td align="left"> <font color="#000000" size="3"> <!-- ●●●本文を入れる●●● --> <b>■<font size=4><b>Grade:</b></font><br> Mint<br> <br> ■Appearance of the item:<br> Almost no scuffs as pictures.<br> <br> ■Functional:<br> It works properly.<br> <br> ■Optical system:<br> No scratches,<br> No hazes,<br> No fungus,<br> Almost no dusts.<br> <br> ■Including:<br> Front cap,Rear cap,Lens Hood,Original Box.<br> <br> If you have any questions and concern,please do not hesitate to contact me. Thank you for visiting!<br> </b></font> </td></tr></tbody></table> </td></tr> </tbody></table> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffcc33" valign="top" height="32"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffe566" align="center" height="30" width="25%"> <font color="#000000" size="5"><b> Payment </b></font> </td> <td bgcolor="#ffffff" width="75%"></td> </tr> </tbody></table> </td></tr> <tr><td> <table cellspacing="15" width="100%"><tbody><tr><td align="left"> <font color="#000000" size="2"><b> <font color="#ff0000">

  • 特定の文字列に囲まれた文字列を複数同時に抽出したい

    ホームページのソースの中から特定の文字列(タグ含む)に囲まれた文字を 複数同時にテキストファイルに抽出したいです。 例えば <table><tr><td width="100">い</tr></table> <table><tr><td width="88">ろ</tr></table> <table><tr><td width="55">は</tr></table> <table><tr><td width="100">にほ</tr></table> <table><tr><td width="55">へと</tr></table> とあった場合、「width="100">」と「</tr>」を指定して、 「い」と「にほ」をテキストファイルに書き出したいです。 何か良いソフトはないでしょうか?

  • テーブルだらけのページをスッキリさせたい

    いま、ホームページビルダーで趣味のサイトを作っているところなのですが、 HTMLのことでわからない事があるので教えてください。 現在、大きなテーブルの中にさらに小さなテーブルをいれています。 そのためタグがとてもごちゃごちゃしています。 小さなテーブルはサイト更新の度に追加していく予定なので、 見た目よりデータが重いページになってしまうと思います。 これをなんとかスッキリさせたいのですが 良い方法はあるでしょうか? スタイルシートを使えばいいのでしょうか? どのように使用すれば無駄の無い形になるか 具体的なアドバイスをいただけると助かります。 参考までに作りかけのタグを載せました。 悪い部分等があったら、ぜひお願いします。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>サイト名「タイトル未定」</TITLE> </HEAD> <BODY> <CENTER> <TABLE border="0" cellpadding="0" cellspacing="0" width="840"> <TBODY> <TR> <TD colspan="2" align="center" height="40">サイト名 タイトル</TD> </TR> <TR> <TD colspan="2" align="center">サイトの説明と注意事項</TD> </TR> <TR> <TD colspan="2" height="15"> <HR> </TD> </TR> <TR> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#009900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">チューリップ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月1日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#999900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">さくら</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月2日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> </TR> <TR> <TD align="center"></TD> <TD align="center"></TD> </TR> <TR> <TD colspan="2"> <HR> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML>

  • オークションの説明文を作っているのですが、どうしたらいいのでしょうか

    オークションのページを現在作っていて、下記のページを作りました。 コピーして、オークション→出品で、確認してもらいたいのですが、 <center><table border=1 width=800> <tr><td width=800 bgcolor=#ffcc99> <table width=800 border=1> <tr><td width=800 bgcolor=#ffccff> <table width=800 border=1> <tr><td width800 bgcolor=#ffccff> <table border=1> <TR> <TD BGCOLOR=#ffffff><IMG SRC=http://homepage3.nifty.com/finaltida10807/top-2.jpg BORDER=0><BR></table> <table width=800 height=200> <tr><td><table width=260 height=220 border=1><tr><td> <hr><img src=http://homepage3.nifty.com/finaltida10807/90d1-2.jpg><hr></td><hr> <td><table width=260 height=220 border=1> <font size=2>-American Eagle-<BR><BR> 1972年に、アウトドア用品店としてスタート。<BR><BR> 1992年頃からジーンズを中心としたアメカジ<BR><BR> ブランドへ転換を始め現在では、アメリカ<BR><BR> 国内に、800以上の店舗を持ち、GAPや<BR><BR> アバクロと肩を並べる、アメカジのスタ<BR><BR> ンダード的な存在である。</font> <td width=260 height=220 bgcolor=#cccccc><table bgcolor=#cccccc border=1><font size=2>海外のさまざまな所から、仕入れています。 アバクロ、ホリスター、NIKE、adidas、etc,<BR></font> <font size=2 color=red>※当方の出品している商品は、全て正規品を扱っておりますので、安心してご入札ください。</font></td></tr></td></tr></table><hr> <tr><td><table border=1 bgcolor=#ffffcc width=400> <tr><td bgcolor=#ffcc00 width=400 height=60 colspan=2>AE fit pant</td></tr> <tr><td colspan=2 bgcolor=#ffffcc height=120> <FONT SIZE=-1 COLOR=#330000>アメリカンイーグルショートパンツです。<BR> しっかりしたコットンツイル生地にビンテージウォッシュ加工。<BR> 新品なのに長く着込んだ感が有りとっても良い感じです♪<BR> プレーンなデザインなので使い勝手が良さそうです!<BR> 裾の切りっぱなし加工が夏らしいワイルド感を醸し出してます。</FONT></td></tr><font size=2> <tr><td height=45 bgcolor=#ffcc00>状態</td><td>新品未使用タグ付き</td</tr> <tr><td bgcolor=#ffcc00>仕様</td><td>メンズ</td></tr> <tr><td bgcolor=#ffcc00>素材</td><td>ポリエステル100%</td></tr> <tr><td bgcolor=#ffcc00>カラー</td><td>ブルー</td></tr> <tr><td bgcolor=#ffcc00>サイズ</td><td>M</td></tr> <tr><td bgcolor=#ffcc00>寸法</td><td>着丈60cm</td></font> </table></td> このページの左下に、状態とかカラーとか記述してあるテーブルがあると思うのですが、この右となりに、 <table border=1 width=400><tr><td>発送詳細</td></tr> <tr><td>ヤマト宅急便/全国一律500円<BR> ※複数落札も同じ料金です。</td></tr></table><BR> <table border=1 width=400><tr><td>支払い詳細</td></tr> <tr><td>・みずほ銀行<br> ・郵貯銀行<br> ・ヤフー簡単決済</td></tr></table><BR> <table border=1 width=400><tr><td> 注意事項</td></tr><tr><td> ●商品は、全て正規品扱っております。万が一、商品が偽物と判明した場合には、落札価格と送料を返品いたします。<BR><BR> ●基本的に、商品が不良品だったり傷物だった場合を除き、ノークレーム、ノーリターンでお願いします。<BR><BR> ●商品の発送には注意を払っておりますが、万が一、誤送をしました場合は、取引ナビにてご連絡ください。正しい商品を発送いたします。<BR><BR> ●何かご不明な点がございましたら、お気軽にご質問ください。</td></tr></table> と、この3つのテーブルを右となりに、はめたいのですが、どのように htmlを記述すればいいのでしょうか?何回か、思考錯誤しているのですが、なかなかできません。よろしくお願いします。

  • 複数のJavascript の組込み方についてです。初心者で色々試して

    複数のJavascript の組込み方についてです。初心者で色々試してがんばったのですが、行き詰ってしまいました。私の作りたい物は、ページの左側にリスト部分があり、そのリストをクリックすると右側に写真が出るものです。そしてその写真をクリック、もしくは画像下に作ったいくつかの対応したボタンを押すと、新たな写真が最初に出た写真と同じ場所に表示される、というものになります。私が試行錯誤してみたソースでは、一つ目のリストでは「マウスが触ると写真が切り替わる基本スクリプト」になるように、そして二つ目のリストでは「複数の画像を同じ場所に表示させ切替える」を目指しています。もしお詳しい方で何かお気付きの点があれば、お力を貸して頂けますでしょうか。どうか宜しくお願い致します。 <body> <div align="center"> <TR> <SCRIPT language="JavaScript"><!-- a_data=new Array(); a_data[0]='<CENTER><TABLE><TR>' +'<TD style="width:300;"><img galleryimg=no src="../img/hana1.jpg" onmouseover="this.src='../img/hana2.jpg';" onmouseout="this.src='../img/hana1.jpg';"></TD></TR></TR>' +'<TD style="font-size:14px;vertical-align:bottom;">' +' 写真の説明<br>写真にポインタを合わせると、写真が替わります。' +'</TD>' +'</TR></TABLE></CENTER>'; a_data[1]='<CENTER><TABLE><TR>' +'<TD style="width:300;"><IMG name="myimg" src="../img/0.png" style="float:right; margin:10px 0px 10px 20px;"></TD></TR></TR>'; +'<TD style="font-size:14px;vertical-align:bottom;">' +' 写真の説明' <INPUT type="button" value="写真1" OnClick="document.myimg.src='../img/1.png';"> <INPUT type="button" value="写真2" OnClick="document.myimg.src='../img/2.png';"> <INPUT type="button" value="写真3" OnClick="document.myimg.src='../img/3.png';"> <INPUT type="button" value="最初の写真" OnClick="document.myimg.src='../img/0.png';"> +'</TD>' +'</TR></TABLE></CENTER>'; function pic(sel){document.getElementById("l_menu").innerHTML=a_data[sel];} //--> </SCRIPT> </TR> <div id="A_spc"> <TABLE> <tr> <td style="width:120;height:30;background-color:#ffeeee;font-size:12px;" onclick="pic(0);"> <CENTER>リスト1</CENTER> </td> </tr> <tr> <td style="width:120;height:30;background-color:#ffeeee;font-size:12px;" onclick="pic(1);"> <CENTER>リスト2</CENTER> </td> </tr> </TABLE> </A_spc> </div> <div id="B_spc"> <TABLE> <TR> <TD colspan=2 style="width:350; font-size:12px;padding-left:20;padding-top:35;" id="l_menu"> <CENTER><p class="sample1">左のリストをクリックするとココに写真が出ます。</p></CENTER> </TD> </TR> </TABLE> </B_spc> </div> </div> </div> </body>

専門家に質問してみよう