テーブルの文字種設定で文字幅がズレてしまう問題の解決法
- 質問者は、テーブルに特定の文字を挿入した際に文字幅がズレてしまい、解決策を求めています。
- 文字の種類や文字間隔の設定を変えても問題が解決しないため、改善策を探しています。
- 現在のDOCTYPEの設定は「xhtml1-transitional」であり、これが原因である可能性もあると考えられます。
- ベストアンサー
カタナナの「イ」
よろしくお願いいたします。 <table class="table-2"> <tr><th>ア. 正</th><td>憲法48条</td></tr> <tr><th>イ. 正</th><td>憲法20条2項</td></tr> <tr><th>ウ. 正</th><td>憲法14条2項</td></tr> <tr><th>エ. 正</th><td>憲法34条</td></tr> <tr><th>オ. 誤</th><td>裁判所法3条3項</td></tr> </table> このような表を挿入したときに、 「イ」文字幅だけが少し狭くなって「.」の位置が揃わないんです。 極端に表示すると ア . イ. ウ . というような感じで。 「font-family」で文字種を変更しても（ゴシック系でも明朝系でも同じ結果になります）、 「letter-spacing」で文字間隔を設定しても改善されません。 「text-align」で「left」「 right」「 center」どれを設定しても変わりません。 「.」はすべてテンキーから入力しております。 DOCTYPEは「xhtml1-transitional」で記述しております。 改善策をご存知の方、どうぞよろしくお願いいたします。
- yonakamade
- お礼率90% (18/20)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
font-family: monospace; でどうですか？
関連するQ&A
- このイは１なんですが、どうにもわかりません。
このイは１なんですが、どうにもわかりません。 経済的自由については干渉が弱くていい。精神的自由については、干渉は強くなくてはいけないんですよね？ 公権力による規制の要請が弱いんじゃないのでしょうか？ なんかこんがらがってます。 〔第５問〕（配点：３） 職業の自由に関する次のアからウまでの各記述について，最高裁判所の判例の趣旨に照らして， それぞれ正しい場合には１を，誤っている場合には２を選びなさい。（解答欄は，アからウの順に ［No.７］から［No.９］） ア．職業活動の自由についても精神的自由についても，国の積極的な社会経済政策のために規制 することが許されるのは同様であるが，前者の自由を規制する場合には立法府の裁量的判断が 広く認められる点が異なる。［No.７］ イ．憲法第２２条第１項が「公共の福祉に反しない限り」という留保を伴っているのは，職業活 動は社会的相互関連性が大きく，精神的自由と比較して公権力による規制の要請が強いことを 強調するためである。［No.８］ ウ．職業の許可制は自由に対する強力な制限であるから，その合憲性を肯定し得るためには，原 則として重要な公共の利益のために必要かつ合理的な措置であることを要する。ただし，この 要請は，個々の許可条件の合憲性判断においてまで求められるものではない。［No.９］ 平成２４年 ５問目 憲法 解説です。
- ベストアンサー
- 弁護士
- 罫表内の文字を選択された場合に変更するには
罫表内の一部の文字を選択し、"色変更"ボタンを押した場合に 選択した文字の色を変更する事は出来ますでしょうか。 例えば 下記Tableの右下のセルの"にぬね"という文字を選択し、 ボタンを押すと選択した文字の色が赤に変わるというような事がしたいのです。 <table> <thead><tr><th>１</th><th>２< /th><th>３</th><th>４</th></tr>< /thead> <tbody> <tr td>あいうえお</td><td>かきくけこ</td></tr> <tr><td>さしすせそ</td><td>なにぬねの</td></tr> </tbody> </table> 何か方法ありますでしょうか。 宜しくお願いします。
- ベストアンサー
- JavaScript
- ＣＳＳについて 初心者です。
勉強中の身なんですが・・ このように設定した場合文章１と文章２が大きく開く状態になるんですが、なぜでしょうか？ また文章１セルの真ん中に表示され文章２が左にひょうじされるのも分りません・・・・ いろいろ調べてみたんですが中々納得ができなくて・・・ 特にこうういう風にやりたいとかは特になくて、なんでこうなるのかが知りたいのです。 詳しい方説明して頂けるとありがたいです。すみませんがよろしくお願い致しますｍ（。。）ｍ 「ＨＴＭＬ」 <table> <tr> <th>見出し</th> <th></th> <th> </th> <th> </th> </tr> <tr> <td>内容</td> <td> </td> <td> </td> <td></td> </tr> </table> 「ＣＳＳ］ table{ width:250px; border-collapse:collapse; border-width:1px; border-style:solid; border-color:#000000; border-spacing:0; } th{ border-width:1px; border-style:solid; border-color:#000000; } td{ border-width:1px; border-style:solid; }
- ベストアンサー
- HTML
- cssの書き方について
下記の記述をhtmlにしました。 <table border="1"> <tr><th>あああ</th><th>いいいいい</th></tr> <tr><td>ううううう</td><td>おおお</td></tr> </table> <table border="1">のtdやthに有効にさせるcssを記述する際には どのように記述すればよいのでしょうか？ .1で良いのですかね？ よろしくお願いします
- ベストアンサー
- HTML
- tableタグについて
質問させてください。 今<table>を用いて表を作成しています。 <table> <tr> <th>タイトル</th> </tr> <tr> <td>ダイナマイト</td> </tr> </table> なんて表を作成するときに "タイトル"や"ダイナマイト"の表示される文字を もう少し小さくしたいのですがどうすればよろしいでしょうか？ お願いいたします。
- ベストアンサー
- HTML
- テーブルのレイアウトがおかしくなる
畏れ入ります。 テーブルを作っているのですが奇妙な現象にあっています。 <table border="1" width="100%"> <tr> <th width="18"> </th> <th width="100"> </th> <th> </th> <th width="100"> </th> </tr> <tr> <td rowspan="2"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td colspan="3"> <!-- ここに たくさんの 文字列を入れると ・・・ --> </td> </tr> </table> このコメントの部分が無い状態では正常にでていますが、 ここにたくさんの文字列（半角30文字程度でおかしくなります）を投入すると、レイアウトが異常に崩れてしまいます。 文字列は改行してもかまわないのですが テーブル1行目2行目のセルサイズ（width）がこのように変化してしまうと困るのです。 どのようにしたら良いか（width=100の部分を守らせたい） 教えてください。
- ベストアンサー
- HTML
- ア,イ,ウ,エを埋めて、解法を教えてください。
m,nを負でない整数とする。3m+4nの形で表せない正の整数で、4で割って1余るものは(ア)個,4で割って2余るものは(イ)個,4で割って3余るものは(ウ)個存在する。201m+4nの形で表せない正の整数は(エ)個存在する。 答えはア.2 イ.1 ウ.0 エ.300です。 わかりやすい説明お願いします
- ベストアンサー
- 数学・算数
- 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サービス）
- MySQLにHTMLタグを挿入したい
ＰＨＰでつくった登録フォームよりhtmlタグを入力してそれをtext型のフィールドにhtmlタグごと入れたいのですが、うまくいいようにはいりません。 入力 <table border="0" width="80%"><tr>問1 磁気ディスク装置において，磁気ヘッドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr><tr> <td><input type="radio" name="1" value="ア">ア アクセス時間</td><td><input type="radio" name="1" value="イ">イ サーチ時間</td><td><input type="radio" name="1" value="ウ">ウ シーク時間</td><td><input type="radio" name="1" value="エ">エ データ転送時間</td></tr></table><br><hr width="80%"><br> フィールドの保存データ <table border="0&q uot; width="80%"><tr>問1 磁気ディスク装置において，磁気ヘッ ドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr>< ;tr> <td><input type="radio" name="1" value=&qu ot;ア">ア アクセス時間</td><td><input type="radio " name="1" value="イ">イ サーチ時間</td>< ;td><input type="radio" name="1" value="ウ"& gt;ウ シーク時間</td><td><input type="radio" name=&q uot;1" value="エ">エ データ転送時間</td></tr>&l t;/table><br><hr width="80%"><br> と入ってしまい データベースを参照してhtmlを表示したときには <table border="0" width="80%"><tr>問1 磁気ディスク装置において，磁気ヘッドをある位置から目的の位置に移動させるのに要する時間を何と呼ぶか。</tr><tr> <td><input type="radio" name="1" value="ア">ア アクセス時間</td><td><input type="radio" name="1" value="イ">イ サーチ時間</td><td><input type="radio" name="1" value="ウ">ウ シーク時間</td><td><input type="radio" name="1" value="エ">エ データ転送時間</td></tr></table><br><hr width="80%"><br> と表示されうまくいきません。
- 締切済み
- MySQL
- 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
お礼
ありがとうございます！ 一瞬で解決できました！