• 締切済み

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">

みんなの回答

回答No.1

HTMLではなくCSSですね。 商品ページ1の方のbodyが、 body { color: #5c9897; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; height: 100%; margin: 0; padding: 0; } 商品ページ2の方が #Body .vi-bc-topM, #Body #CenterPanelDF, #Body #BottomPanelDF, body .oly { font-family: Arial,sans-serif,Verdana; font-size: 13px; line-height: 100%; } なので、この font-family を商品ページ2に合わせれば、概ね同じになります (※商品ページ2は項目によってフォントをさらに細かく指定しています)。

yataro878
質問者

補足

とてもご丁寧な回答ありがとうございます

関連するQ&A

  • Dreamweaverのデザインで表示がおかしい時

    IEだと綺麗に表示されるけど、Dreamweaverのデザインで見ると表示がおかしい時って結構あり困ってます。 ソースフォーマットとかやってもやはり駄目です。 今回の場合、どのタグが悪そうでしょうか? <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-JP"> </HEAD> <BODY> <BR> <BR> <BR> <TABLE align="center" cellSpacing=0 cellPadding=0 width="95%" bgColor=#0066cc border=0> <TBODY><TR><TD> <TABLE cellSpacing=2 cellPadding=1 width="100%" border=0> <TBODY> <TR bgColor=#0066cc> <TD align=middle><SMALL><B><FONT color=#ffffff> テキストツール </FONT></A></B></SMALL>&nbsp; </TD></TR> <TR bgColor=#ffffff> <TD align=middle> <TABLE height="400" cellSpacing=0 cellPadding=1 width="95%" border=0> <TBODY> <TR valign=top> <TD width="100%" valign="center" align="center"> <BR><A>トップページ</A><BR><BR> </TD> </TR> <TR valign=top> <TD width="100%" valign="top" align="center"> <A HREF="list">あ</A><BR><BR> <A HREF="clist">い</A><BR><BR> <A HREF="slist">う</A><BR><BR> </TD> </TR> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE> </BODY></HTML>

  • HTMLについて

    HTML初心者です。いろいろ調べながら下記の画像のテンプレートを作っているのですが、1枠と2枠の頭が揃いません。わかる方教えてください。画像が見づらいかもしれませんが宜しくお願い致します。 <html> <body> <br><center> <font size="6" color="#00000"> <b>タイトル</b> </font> <hr> <br><br> <table width="800" height="500" cellpadding="15" cellspacing="10" BORDER="4" bgcolor="F3F30E"> <tr> <td width="50%" rowspan="4" BGCOLOR="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 1 </u></b></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 2 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td> </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 3 </b></u></font> <br><br> <font size="3" color="#00000"> </font> </td </tr> <tr> <td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top"> <font color="#00000" size="4"><b><u> 4 </b></u></font> <br><br> <font size="3" color="#00000"> <b></b> </font> </td> </tr> </table> </body> </html>

    • ベストアンサー
    • HTML
  • HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。

    HTMLでテーブルを作成すると上に大きなスペースが空いてしまいます。 色々ネットで検索して他の方がおっしゃる通りためしてみたのですができなくて困っています。 できないのは下記の二点です。 間違ってるところがあればご教授下さい。 1. <table width=600 border="5" bgcolor=#FFC0CB> 2. <table width=800 border=0 cellpadding=30 cellspacing=0 bgcolor=#FFB6C1><tr> <td width=0%><br></td></tr><tr> <td width=0%><br></td> <td align=left> <font color=#696969 size=3> よろしくお願いしますm(__)m

  • テーブルサイズ指定

    こんにちは。 困ったことがあるのですが、 <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170文字</TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TR></TBODY></TABLE> <BR> <TABLE BORDER="1"CELLSPACING=1 CELLPADDING=1 BGCOLOR="#FFFFFF"> <TBODY> <TR> <TD width=170>文字</FONT></TD> <TD width=638>文字</TD></TR> <TR> <TD>文字</FONT></TD> <TD>文字</TD></TR> </TBODY></TABLE> (それぞれの文字の長さは違います。) という2つのテーブルで、 2つともテーブルの幅が異なるんです。 これを、両方とも同じ幅にすることはできないでしょうか? 宜しくお願いします。

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

    今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <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>

  • HTMLについて教えて下さい。

    上のブルーのラインを削除したいのですが、どこを削除すれば良いか教えて下さい。 <center><table width=640 bgcolor=#ffffff cellspacing=1 cellpadding=5><tr><td bgcolor=#ACE6FF colspan=2 align=center><b></td></tr><tr><td bgcolor=#ffffff colspan=2 align=center><font size=2 color=#777777></font></td></tr></table><br><a href="http://myauc.jp/user/gakuensalon?t=%83o%83X%83%7D%83b%83g" target=_blank><img src=http://image.auctions.yahoo.co.jp/banner.gif border=0><br><font size=2><BR>この他にも出品しておりますので宜しければご覧ください。</font></a><br><br></center>

  • 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の質問です。

    ただいまテーブル設置のことで悩んでます 更新履歴とTOP絵のテーブルがつながってしまうのです 別々にわけたいのですがいじればいじるほどサイトがめちゃくちゃになります。 自分の今のタグです。 <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="left"> <TABLE width="100" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="black"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> どうすればいいようになるんでしょうか? <textarea rows="5" cols="85"> サイト開設しました。

  • HTMLの質問・・段落のしたかを教えてください。

    ホームページを制作しています。かなりのド素人です。 このカテゴリーじゃない気もしますが。。どうか教えてください。 下記の黄色■の横にあああああが来るようにするには どうすればよいのでしょうか?何か消すのでしょうか? 教えてください。 <table bgcolor="#FFFF00" border="1px" bordercolor="#c0c0c0" cellspacing="1" cellpadding="5" width="10px" height="15px"> <tr><td bgcolor="#FFFF00" align="left" valign="top"></td><tr> </table><font color="#44C600">ああああああ</font><br>

  • デーブルが延びる

    たまにテーブルが意図しないかんじで右にのびる場合が あります。これを防ぐにはどうすれば、いいですか? どういうタグを打てばいいですか? <table width="85%" border="0" cellspacing="0" cellpadding="2" bgcolor="#ff0066"><trheight="216"> <td valign="top" align="center" bgcolor="#ff0066" width="786" height="216"><table width="786" border="0" cellspacing="0" cellpadding="2" bgcolor="#eeeeee"><tr> <td colspan="2" bgcolor="#ff0066" width="782" height="23" valign="top"><div align="left"> <font size="3" color="white" face="MSゴシック,OSAKA">例</font><b><font size="2" color="white"><font size="3" face="arial,verdana"><b><br></b></font></font></b></div></td></tr> <tr height="158"><td colspan="2" align="center" bgcolor="white" width="782" height="158"> <div align="left"><br> <font size="3" color="#555555" face="MSゴシック,OSAKA">テスト募集</font><font size="2" color="#555555" face="MSゴシック,OSAKA">!</font> <p><font size="2" color="#555555">XXXXX参加して頂ける方を随時募集しております。<br> </font></p><p></p> <div align="left"><p></p></div></div></td> </form></tr><tr height="23"><td colspan="2" width="782" height="23" valign="top"> <div align="right"><br></div></td></tr> </table></td></tr><tr> <td valign="top" width="786"><br></td> </tr></table>ソフトはD WとGo Liveを使います。

    • ベストアンサー
    • HTML