フォントや文字サイズを変えるタグを教えて下さい

このQ&Aのポイント
  • CGI「AmigoNewsBoard」のフォントや文字サイズを変更したいです。何をいじれば良いでしょうか?HTMLエディタ等を使用する際に注意すべき点も教えてください。
  • AmigoNewsBoardの記事デザイン設定についての注意事項があります。HTMLエディタを使用する場合、4つの行に注意する必要があります。また、$***形式の部分はスクリプトによって自動的に置き換えられるので、削除や改変はしないように注意してください。
  • フォントや文字サイズを変えるタグを使用して、AmigoNewsBoardのCGIのデザインを変更したいです。具体的には、タイトルや本文のフォントを明朝体から他のフォントに変更したいです。また、文字サイズも少し大きくしたいです。どこをいじれば良いでしょうか?
回答を見る
  • ベストアンサー

フォントや文字サイズを変えるタグを教えて下さい

「AmigoNewsBoard」というCGIを設置したんですが、タイトルや本文などのフォントが明朝体になっていて文字サイズもちょっと小さいので変更したいんですが、どこをいじれば良いか分かりますか? # =====================記事デザイン設定======================== ########################### # 記事1件分のデザイン # ########################### sub _Html_List{ print <<EOM; <TABLE width="100%" cellPadding=0 cellSpacing=0> <TR><TD class="Title">&nbsp;<FONT class="List">■</FONT>$VD[$REC{Title}]</TD></TR> <TR><TD class="Status">&nbsp;No: $VD[$REC{DataNum}] /&nbsp;Genre: $GENRE{$VD[$REC{Genre}]}[0]&nbsp;/&nbsp;Date: $VD[$REC{Rtime}]</TD></TR></TABLE><BR> <BLOCKQUOTE class="Comment">$VD[$REC{Comment}]<BR><BR><A href="$VD[$REC{Url}]">$VD[$REC{Url}]</A></BLOCKQUOTE> EOM } ##################################### # 記事1件分のデザイン(検索結果) # ##################################### sub _Html_Search{ print <<EOM; <TABLE width="100%" cellPadding=0 cellSpacing=0> <TR><TD class="Title">&nbsp;<FONT class="List">■</FONT>$VD[$REC{Title}]</TD></TR> <TR><TD class="Status">&nbsp;No: $VD[$REC{DataNum}] /&nbsp;Genre: $GENRE{$VD[$REC{Genre}]}[0]&nbsp;/&nbsp;Date: $VD[$REC{Rtime}]</TD></TR></TABLE><BR> <BLOCKQUOTE class="Comment">$VD[$REC{Comment}]<BR><BR><A href="$VD[$REC{Url}]">$VD[$REC{Url}]</A></BLOCKQUOTE> EOM } ======================================================= 《注意書き》 HTMLエディタ等で簡単にデザインが変更できますが、以下の点には注意して下さい。 1)下記4種の行は改変したり、行中にスペースや余分な文字を入れないようにして下さい。 ※HTMLエディタによっては自動構文エラー修正等により自動的に改変される場合がある為注意が必要です。その場合は下記4行を最初にテキストエディタ等でコメント行等に置き換えて編集終了後に再び元に戻して下さい。 print <<"<!---HTML--->"; &_*****; <!---HTML---> 1; 2) $***形式の部分はスクリプトが適切な文字列に置き換えるので削除/改変しないで下さい。 3) Tabスペース・全角スペースを使用せず、半角スペースを使用して下さい。 4) @という文字を入れる場合は\@として下さい。 5) 文字化けする場合は文字化けが始まった文字の後ろに\をつけて下さい。

  • CGI
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • shimix
  • ベストアンサー率54% (865/1590)
回答No.1

classが指定されているということは対応するCSSが定義されているのではありませんか?外部cssファイルなどが同梱されていたら、その内容を確認した方が手っ取り早いと思います。

関連するQ&A

  • tableタグ、heightタグについて

    下記のようなテーブルを組んだのですが うまくセルの高さを指定できなくて困っています。 セルの高さを固定せずに作成することは可能でしょうか? 宜しくお願いします。 <html> <head> </head> <body> <table width="500" border="1"> <tr> <td rowspan="2" height="200" width="40" valign="top"> &nbsp; </td> <td colspan="2"> &nbsp; </td> </tr> <tr> <td width="230" valign="top">1</td> <td rowspan="2" width="230" valign="top"> <br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp; <br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp; <br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp; </td> </tr> <tr> <td colspan="2" valign="top">このセルの高さを1の下まで伸ばしたい</td> </tr> </table> </body> </html>

  • 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 border=*> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table> でやっても文字はふつうサイズです。 かと言って <table border=*> <tr><td><font size=*></td><td><font size=*></td></tr> <tr><td><font size=*></td><td><font size=*></td></tr> </table> でやるとかなりの量を打ちこまなくてはなりません。 これを一度に済ませるタグはないのでしょうか? 教えてください。

  • ▲▲テーブルと一緒に<FONT size="2"></FONT>は使えない?

    こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆ <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </FONT size="2">Color Code一覧</FONT> <TABLE Border Cellspacing="1"Width="20%" align="center"> <TR> <TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD> </TR> </TABLE> <BR> <TABLE Border Cellspacing="1" Width="75%" align="center"> <TR> <TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD> </TR> <TR> <TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD> <TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD> <TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD> ~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~ </TR> </TABLE> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • テーブルサイズ指定

    こんにちは。 困ったことがあるのですが、 <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
  • テーブルの行の高さを指定する時全てのtdタグに?

    スタイルシートでテーブルの行の高さを指定する時は、 全てのtdタグにスタイルシートを指定するべきか、 1つだけ(一番左だけ)指定すればいいのかわからないので押してください。 全てのtdタグに指定しても、一つのtdタグに指定しても、結局はその行の高さは指定した高さになります。 コードを書く上でどちらが適切か教えてください。 -------------------------------------------------- <style type="text/css"> td.test {height: 50px;} </style> <body> 1の例<br>(2列ともclass="test"を入れた)<br> <table border=1> <tr><td class="test">1</td><td class="test">2</td></tr> <tr><td class="test">3</td><td class="test">4</td></tr> </table> <br><br> 2の例<br>(一番左の列だけclass="test"をいれた)<br> <table border=1> <tr><td class="test">1</td><td>2</td></tr> <tr><td class="test">3</td><td>4</td></tr> </table> <br><br> 3の例<br>(スタイルシートは何も指定していない)<br> <table border=1> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table>

    • ベストアンサー
    • HTML
  • CSSでフォントの大きさを指定するとき

    CSSでフォントの大きさを相対指定したいのですが、Bodyでフォントサイズを80%にすると、テーブルの中はもとのままの100%の大きさです。そこで、Tableのフォントサイズも80%にすると、0.8*0.8したようにさらに小さくなってしまいます。 たとえば、下のようなページだと ----------------------------- <BODY> あいうえお<BR> <TABLE> <TR> <TD>アイウエオ<BR> <TABLE> <TR> <TD>aiueo<BR> </TD> </TR> </TABLE> </TD> </TR> </TABLE> </BODY> ----------------------------- 「あいうえお」が80%の大きさで、「アイウエオ」はさらに小さく、「aiueo」はゴミのように小さくなってしまいます。 どのように指定すれば良いのでしょうか?よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • tdタグ内でcssを用いて、左下(または右下)から文章を挿入したい

    <table> <tr> <td>あいうえお</td> <td>かきくけこ<br>さしすせそ<br>たちつてと</td> </tr> </table> のようなテーブルがあったとき 左の要素の「あいうえお」を左下からに表示したいのですが、 どのようにすればよろしいでしょうか。 <table> <tr> <td class="bottom_left">あいうえお</td> <td>かきくけこ<br>さしすせそ<br>たちつてと</td> </tr> </table> のようにcssにより、左下から文字を表示させせたいとおもっています、このとき cssファイル内の td.bottom_left{   このなかはどのように記述すればよいでしょうか? } いろいろ試してみたのですがうまくいきません。 回答お願いします。

  • CSSファイルにするには2

    HTMLファイルを文章構造にし、この<table border= "1">をCSSファイルでHTMLファイルに出力するためにはどうしたら良いでしょうか?お願いします。条件は、HTMLファイルに<div class="t3"> という形にし、CSSファイルにはt3{}という形にしたいことです。枠にしたいのは次のとおりであます。 <table border= "1"> <tr><td> &nbsp;&nbsp;&nbsp;&nbsp;answer1,answer2:string<b  writeln( 'Are you interested in ancient ruins?') <br> end. </td></tr> </table>

  • FireFoxでborder-collapseを使うと余計な枠線が表示される

    FireFoxでborder-collapse:collapseを指定すると、余分な枠線が表示されてしまいます。 IEでは問題ありません。 <HTML> <HEAD> <title>TEST</title> <style type="text/css"> table { border-collapse: collapse; } td { border: 1px solid black; } td.none{border:none;} </style> </HEAD> <BODY> <table> <tbody> <tr><td rowspan="2">test</td><td class=none>&nbsp;</td><td rowspan="2">text</td><td class=none>&nbsp;</td></tr> <tr><td class=none>text</td><td td class=none>&nbsp;</td></tr> <tr><td rowspan="2">test</td><td class=none>&nbsp;</td><td rowspan="2">text</td><td class=none>&nbsp;</td></tr> <tr><td class=none>text</td><td td class=none>&nbsp;</td></tr> <tr><td class=none>&nbsp;</td><td td class=none>&nbsp;</td><td class=none>&nbsp;</td><td class=none>&nbsp;</td></tr></tbody> </table> </BODY> </HTML> 何か対策は無いでしょうか?