テーブルタグを削りたい

2023/07/28 12:17

このQ&Aのポイント

私の作っているＨＰは表が多いのですが、ＨＰビルダーで作るとタグが多くなり、とても重いページになってしまうので、タグを削れたらと思っています。
タグを削る方法や、セル１マスごとにフォントや色を指定する方法について教えてください。
スタイルシートに詳しくないので、参考になるページを教えてほしいです。

ベストアンサー

テーブルタグを削りたい

2003/12/17 16:44

よろしくお願いいたします。私の作っているＨＰは表が多いのですが、ＨＰビルダーで作るとタグが多くなり、とても重いページになってしまうので、タグを削れたらと思っています。たとえば <TR> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">1</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">2</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">3</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">4</FONT></TD> <TD bgcolor="#ffffff" align="center"><FONT size="-1" face="Verdana">5</FONT></TD> <TD bgcolor="#ffffff"><FONT size="-1" face="Verdana">5</FONT></TD> </TR> こんなカンジに、セル１マスごとにフォントや色が指定されてしまうのですが、これを１回の記述で済ませることとかはできますでしょうか？表の中で字を太くしたり色を変えたりする箇所もあるので、その場合の方法もお教えください。スタイルシートは詳しくないのですが、参考になるページなどあったら勉強したいと思いますのでお願いいたします。

aki16
お礼率86% (250/288)

HTML
回答数1
ありがとう数1

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

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

ベストアンサー

noname#10926

2003/12/17 17:12 回答No.1

スタイルシートの設定方法は色々あるのですがＨＰＢでの操作は 1.スタイルシートマネージャーを使用する表を選択後、［表示］-［スタイルシートマネージャー］、［スタイルシートマネージャー］画面の［追加］を選択、［フォント］タブや［カラーと背景］タブなどでフォントサイズや背景色を指定します。 2.表（テーブル）ごとに指定する表を選択後、［編集］-［属性の変更］、［属性］画面の［スタイル］を選択、［スタイルの編集］画面の［現在のタグのみにスタイルを設定］内の［編集］をクリック、［スタイルの設定］画面の［フォント］タブや［カラーと背景］タブなどでフォントサイズや背景色を指定します。 3.ページ全体にスタイルを設定する場合は 1.の方法で［スタイルシートマネージャー］画面の［追加］を選択後、［HTMLタグの候補］で［BODY］を選択します。また、画面の何もないところをクリックしてから 2.の方法でもスタイルを設定することができます。参考になるページはとりあえずヘルプだと思います。

質問者

お礼 2003/12/17 18:44

早速のご回答ありがとうございました。ビルダーのスタイルシートマネージャーは使い方がわからなくてやったことがなかったんですが、丁寧にお教えいただいたおかげでできそうです。ありがとうございました。

関連するQ&A

ホームページ製作過程で、タグの組み方に困っています。
テーブルを <TABLE cellpadding="0" bgcolor="#000000" border="3"> <tr> <td valign="middle" align="center" width="13" height="23"><font face="" color="#FFFFFF" size="3">0</font></td> <td valign="middle" align="center" width="13" height="23"><font face="" color="#FFFFFF" size="3">0</font></td> <td valign="middle" align="center" width="13" height="23"><font face="" color="#FFFFFF" size="3">0</font></td> <td valign="middle" align="center" width="13" height="23"><font face="" color="#FFFFFF" size="3">0</font></td> </tr> </TABLE> のように組んでいます。これは同盟に参加している人数を表示するためのものなのですが、このテーブルの左右に現在のメンバー ○○○○ 名（○→テーブル）のように字をするにはどうすればいいのでしょうか。また、この字を含めたテーブル全体の表示位置を指定するにはどうすればいいのでしょうかこの２点について教えていただきたいです。よろしくお願いいたします。
- 締切済み
- HTML
１ページにテーブルを複数設定・一括変更の方法について
一つのページに複数（十数個）を設置する場合まとめて設置する方法はあるのでしょうか？また、サイズ等を変更したい場合も一括して変更する方法はあるのでしょうか？例えば、以下の物を数十個設置する場合設置自体は簡単なのですが、変更が・・、どうにか簡単にできる方法があればご教授下さい。 <center> <table border="0" width="600" cellspacing="1" bgcolor="#0fb1ff" height="200"> <tbody> <tr> <td colspan="2" width="600" bgcolor="#ffffff" height="20" align="center"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="100" align="center"></td> <td width="400" bgcolor="#ffffff" height="100"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> <tr> <td width="200" height="20" bgcolor="#ffffff" align="center"></td> <td width="400" height="20" bgcolor="#ffffff"></td> </tr> <tr> <td width="200" bgcolor="#ffffff" height="20" align="center"></td> <td width="400" bgcolor="#ffffff" height="20"></td> </tr> </tbody> </table> </center> 宜しくお願いします。
- ベストアンサー
- HTML
楽天オークション　HTMLエラー
楽天オークション商品説明文の欄にHTMLを挿入した結果「PC用説明文欄に認められていないHTMLタグ、または「<」「>」が入力されています。各入力項目ごとの利用可能なHTMLタグをご確認ください。」というエラーが出ました。どなたか解決方法をお教えください。 <div align="center"> <table width="695" cellpadding="1px" cellspacing="1px" bgcolor="#187353"> <tr> <td align="center"><font color="#ffffff" size="+1"><strong>商品データ</strong></font></td> </tr> </table> <table width="700" cellpadding="5px" cellspacing="3px"> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 参考価格</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 販売価格</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">29,800円</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">24,500円</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ ランク</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 型番</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">N(新品・未使用品)</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">J1234</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 色</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ サイズ</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">BLACK</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">縦30cm　横10cm</font></td> </tr> <tr> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 素材</strong></font></td> <td width="270" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ 付属品</strong></font></td> </tr> <tr> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">レザー</font></td> <td width="270" bgcolor="#EFEFEF"><font color="#231815" size="-1">なし</font></td> </tr> <tr> <td colspan="2" bgcolor="#30AA8E"><font color="#ffffff" size="-1"><strong>■ コメント</strong></font></td> </tr> <tr> <td colspan="2" bgcolor="#EFEFEF"><font color="#231815" size="-1">小さなシミ(変色目立つ)小傷若干(角擦れ目立つが破れなし)</font></td> </tr> </table> </div> 宜しくお願い致します。
- 締切済み
- HTML
デーブルが延びる
たまにテーブルが意図しないかんじで右にのびる場合があります。これを防ぐにはどうすれば、いいですか？どういうタグを打てばいいですか？ <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
▲▲テーブルと一緒に<FONT size="2"></FONT>は使えない？
こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆê—— 】←のように表示されます…。直接【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
テーブルが崩れる問題について
このような場合赤色の部分が17:00の真中に来るようにするにはどうしたらいいんでしょうか？ <table height="15%" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td height="33%"> </td> <td colspan="2" align="center">10:00</td> <td colspan="2" align="center">11:00</td> <td colspan="2" align="center">12:00</td> <td colspan="2" align="center">13:00</td> <td colspan="2" align="center">14:00</td> <td colspan="2" align="center">15:00</td> <td colspan="2" align="center">16:00</td> <td colspan="2" align="center">17:00</td> <td colspan="2" align="center">18:00</td> <td colspan="2" align="center">19:00</td> <td colspan="2" align="center">20:00</td> </tr> <tr> <td height="33%" bgcolor="#FFFFFF">27日</td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td colspan="9" bgcolor="#FF0000"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> <td bgcolor="#FFFFFF"> </td> </tr> </table>
- ベストアンサー
- HTML
htmlタグの問題点について
HTMLタグを使用してページを作ろうと思っています。そして作成してみたところ、エラーがあるみたいで auで正しく見れていないようです。携帯から閲覧できるものを作成しています。問題点としては、 fontタグ、divタグ、テーブルタグの開始タグと閉じタグの数があっていないようなのです。（開始タグが1個少ない）自分でも考えてみたのですがやっぱり治りません！どなたか詳しい方、どこをどうなおせばよいのか教えていただけないでしょうか。下記が問題のあるタグです。 </br> <center> </br><table bgcolor="white" cellspacing="4" width="80%"><tr><td bgcolor="#ffffff"><center> </br> <HR color="#FFCCCC" size="4" width="100%"> <HR color="#FFCCCC" size="1" width="100%"> <img align=center mode=<img src="画像URL"><div align="center"></br></div></center> <center><img align=center mode=<img src="画像URL"><div align="center"></br></div></center> <clear=all> <HR color="#FFCCCC" size="1" width="100%"> <HR color="#FFCCCC" size="4" width="100%"></center> <CENTER><a href="サイト独自タグ"><font size="1" color="#8A8A8A">aaaaaaaa</font></a></CENTER> </br> </td></tr></table> </br></br> <br><center><table bgcolor="white" cellspacing="4" width="85%"><tr><td bgcolor="#ffffff"><font size=1></font></center>
- ベストアンサー
- ブログ
Mac IEのバグなのでしょうか？
TMEspionです。 <table border="0" cellpadding="5" cellspacing="5"><tr><td width="100" align="left" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="center" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td><td width="100" align="right" bgcolor="#999999"><table width="50" border="0" cellpadding="5" cellspacing="5"><tr><td align="left" bgcolor="#FFFFFF">左</td></tr><tr><td align="center" bgcolor="#FFFFFF">中</td></tr><tr><td align="right" bgcolor="#FFFFFF">右</td></tr></table></td></tr><tr><td align="left" bgcolor="#999999">左</td><td align="center" bgcolor="#999999">中</td><td align="right" bgcolor="#999999">右</td></tr></table> --------------------------------- 上記のソースの様に、テーブルを縦2段、横2列にセルを作り、上段はテーブルタグ、下段はテキストでそれぞれalign属性をleft、center,rightと設定しています。ところがInternet Explorer 5.2 for Macで見ると、上段右のテーブルタグは「align="right"」の効果が出ていません。この質問を呼んでいる回答者様には、ブラウザでどう表示されるんでしょうか？どう表示されたかという結果とブラウザ名を教えて下さい。
- ベストアンサー
- HTML
borderが1のテーブル
ボーダーが1ピクセルくらいの表を作りたいので、tableの入れ子で作ったのですが「tableの入れ子は良くない」ととあるサイトで読んだので、入れ子にしないでtableを作りたいのですが何か良い方法はありますでしょうか？私が書いたのはこんなかんじです。 <table width="400" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#000000"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="1"> <tr bgcolor="#999999"> <th><div align="center"><font size="2">名称</font></div></th> <th><div align="center"><font size="2">模型材質</font></div></th> <th><div align="center"><font size="2">生産材質</font></div></th> </tr> <tr bgcolor="#FFFFFF"> <td bgcolor="#999999"><div align="center"><font size="2">本体</font></div></td> <td><div align="center"><font size="2">発泡塩ビ板</font></div></td> <td><div align="center"><font size="2">プラスチック</font></div></td> </tr> </table></td> </tr> </table> CSSで「style="border-width :1px 1px 1px 1px;border-style : solid solid solid solid ;border-color :#000000 #000000 #000000 #000000 ;"」というのを入れてやってみたのですが、これだと外側にしかラインが表示されませんでした。よろしくおねがいします。
- ベストアンサー
- その他（プログラミング・開発）
テーブルタグについて
楽天ブログの日記用テーブルを、最初は人から借りていましたが自分でオリジナルなものを作りたくなって、いろんな人のテーブルタグを見ようみまねでＨＴＭＬタグを勉強しながら、どうにか簡単なものはできるようになってきました。欲が出てきて、テーブルの中に例えば右上・左下もしくは左上・右下に画像（イラスト等）を配置したテーブル作りに挑戦しているのですが、うまくいきません。正しいＨＴＭＬタグを教えてください。試してみたソースです　↓ <table cellpadding="30" cellspacing="1" border="0" style=" width: 100%; background-color: #AB8F74; "><tr><td bgcolor="#ffffff" background="左上の画像アドレス" style="background-repeat: no-repeat; background-position: left top;" valign="top" height="266" align="center"><td bgcolor="#ffffff" background="右下の画像アドレス" style="background-repeat: no-repeat; background-position: right bottom;" valign="top" height="266" align="center"> ■ここに日記内容■ </td></tr></td></tr></table> これだと余計な線が入ってしまいます。ひとつのテーブルにしたいのです。よろしくお願いします。
- 締切済み
- その他([技術者向] コンピューター)