- ベストアンサー
入れ子table個々への文字サイズ指定の方法
tableを入れ子にしてサイトのレイアウトを行っているのですが、 中に入っているtableに別の文字サイズを style="font-size : ○px;" の様に指定しようとしても、headで指定している文字サイズに邪魔されて 中に入っている小table個々の指定通りに表示されません。 <td>それぞれに一つ一つ入れていくと、指定通り表示されます。 これを、小テーブルに一括して指定するもう少しスマートな方法を御教えください。 確かBOXごとに名前を付けて指定していく方法があったと思うのですが 今探しても見つかりませんでした。どうかお助けください。
- RYOKUYA
- お礼率71% (228/318)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<table class="inside" > <tr><td> </td><td> </td></tr> <tr><td> </td><td> </td></tr> </table> みたいだとしたら <style> table.inside td { font-size:○pt; } </style> で指定できると思います。
その他の回答 (1)
- u-mesh12
- ベストアンサー率20% (6/29)
>headで指定している文字サイズに邪魔されて これは単なる情報を記述するコメントのような意味あい、多分 <body font size="★"> ～ </body> 間の 文字のフォントサイズが固定されてしまっていて、困っているのでしょうか？ と勝手に解釈しますと、下の例のような感じでスタイルシートを使用するのが一般的かと思われます。 <html> <title>pc_index.php</title> <style type="text/css"> <!-- .style1{font-size:50;text-align:center} .style2{font-size:40;text-align:center} .style3{font-size:25;text-align:center} --> </style> <body font size="3"> <center> <table border="10"> <tr class="style1"> <td width="600">これがstyle1っす！<br><font size="7">これがfont１っす！</font> <table border="5"> <tr class="style2"> <td width="400">これがstyle２っす！<br><font size="6">これがfont２っす！</font> <table border="1"> <tr class="style3"><td width="300">これがstyle３っす！<br><font size="5">これがfont３っす！</font></td></tr> </table> </td> </tr> </table> </td> </tr> </table> <br> <marquee>これが"body"要素の文字っす！</marquee> </ceter> </body> </html> 検討違いならごめんなさい。
お礼
説明不足ですみません。 <!-- body,td { font-size: ○pt; } -->と指定しておりました。 教えて頂いた方法は別の機会に使わせて頂きますね。 有難うございました。
関連するQ&A
- tdにスタイルシートをかけると、入れ子にすると文字が小さくなりすぎてしまいます
どうしてもテーブルでレイアウトしなければいけない状況にあります。 それで、文字のサイズを下げようとtdにスタイルシートをかけると、テーブルレイアウトなので入れ子になっているところが文字が小さくなりすぎてしまいます。 td{ font-size:80% } としています。 こういった場合、入れ子の中には影響しないようにする方法、もしくはほかの方法がありましたら、ご教授お願いいたします。
- ベストアンサー
- HTML
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました（微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています）。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか？ ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- CSSで文字が縮まらない方法
CSSの初心者です。 不明点があるので教えてください。 １．テーブルに文字を入力してあります。 ウィンドウサイズの大きさを小さくするとそのテーブルの 文字も縮まります。 私は日本人です。 ↓↓↓ 私 は 日 本 人 で す。 みたいになります。 ウィンドウサイズを小さくしても縦表示にならない方法は ありますでしょうか？ ２．↑と類似質問になりますが、tdで幅指定（px）はできますよね？ 自分がもっているCSS辞典には td {width: 200px;} がなく、 table {width: 200px;} しか掲載されていません。 やはりpx指定してもウィンドウサイズが小さくなるとその大きさを 維持できなくなるのでしょうか？ HTMLのようになかなか思うような表示にならず細かいところで 苦労しています。
- ベストアンサー
- その他（プログラミング・開発）
- テーブル内の文字のサイズを変更し携帯で表示したい
html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン（ＩＥ）で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1> </font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- Web文字サイズの指定
スタイルシートにて、 下記の様にWebの文字サイズを指定しているのですが、 <STYLE TYPE="text/css"> <!-- BODY,TD,TR,CAPTION{ font-size: 10pt ;} <!-- Win：NN6.2、Mac：IE5.x 等の 文字表示を％指定するブラウザの場合、 指定した文字サイズで表示しないのですが、 指定方法が間違っているのでしょうか。 また、上記の方法にて文字サイズが指定できない場合、 他の手段はあるのでしょうか？ ご回答よろしくお願いします。
- 締切済み
- CSS
- セル内の文字の色とサイズの指定
表のセルの中に書く文字の、色、サイズを指定するにはどうしたらよいのでしょうか。 <td font color="green" size="4">色とサイズ</td> などでよいかと思ったのですがうまくいきません。 よろしくお願いします。
- ベストアンサー
- HTML
- CSS {font-size:数値px}の指定について
こんにちわ。 外部CSSにて、以下のような記述を読み込んでいます。 .12 {font-size:12px} 参考書を見た所、IE6とNN7は対応と書いてありました。 WindowsXPSP2にて、IE7で閲覧した所問題ありません。 同環境にて、NN7とFirefox1.5では文字が指定しない場合と 同じ大きさで表示されてしまいました。 指定箇所は、様々でDivやFontに入れても、TableやTDに 指定を行っても表示が全く変わりませんでした。 例：<td class="12">のように 私の指定や記述が間違いなのでしょうか。 ％でのフォントサイズは、環境によって拡大縮小が異なると 思い、出来るだけ数値指定で表示をさせたいです。 ご存知の方おりましたら、ご教授頂けると幸いです。
- ベストアンサー
- HTML
- 文字をセル下部にぴったりくっつけたい
お世話になります。 テーブル(の<td></td>)内に入れた文字を、セルの下部ボーダーにぴったりくっつけるように配置したいと思っているのですが、IE6でうまく文字の表示ができません。 その文字には font.●● {font-size:35px; font-weight:bolder; font-family:Verdana; color:#332600; letter-spacing:-2px; } とCSS指定し、またテーブルタグの方には <table cellspacing="0" cellpadding="0"> と <td valign="bottom"> を指定しています。 これで、Firefoxだときちんと表示されるのですが IEだと文字が潰れる、というか上下が欠けたように表示されてしまいます。 ためしに行間指定 line-height:100%; をつけくわえてみたところ、IEでの文字はきちんと表示されるようになったのですが、 テーブル下部のボーダーから浮いてしまい思ったようなレイアウトになりません。 (Firefoxも同様に浮いてしまいます) 文字を欠けなく表示し、また下部ボーダーにぴったりくっつけるやり方がありましたら教えてください。 よろしくお願いいたします。
- 締切済み
- HTML
- netscapeで文字を指定し通りに表示させたい。
hmtlでテーブルの幅を500pxで指定していてその中にテキストと550pxの画像を挿入しても文字は500pxのサイズのままで表示させたいです。 でもieだとそのように表示させられるのですが、netscapeだと文字が550pxまで表示されてしまいます。なるべくテーブルは使わず表示させたいです。よい方法があったら教えてください。 あとcssは使えない設定？なので、なるべくhtmlで解決したいです。
- 締切済み
- HTML
- フォントサイズの指定
テキストエディタでフォントサイズを指定する際、 何もタグで指定せずに「あいうえお」と表記して、htmlファイルにして閲覧してみると、標準の文字サイズで表示されますよね。 で、上記に<font size=3>「かきくけこ」</font>で指定して、挿入し、閲覧してみると 「あいうえお」「かきくけこ」 と言うかんじになりますよね。 この場合、文字サイズを指定しない「あいうえお」と <font size=3>に指定した「かきくけこ」が、 見たところ文字サイズが一緒でした。 これはfont size=3というのは、タグでサイズを指定しない標準サイズと同じってことでしょうか？ タグで指定しない標準文字列と、Font size=3で指定した文字列をどちらも同じhtmlファイルのソースに記述してます。 こういう場合、気にしなくても大丈夫でしょうか。 （レイアウトが崩れたりしないでしょうか）
- ベストアンサー
- HTML
お礼
ご回答有難うございます。 御教え頂いたものを移植してみましたら無事指定どおり 表示されました。感謝します。