- ベストアンサー
文字サイズを固定して、一部の文字を変更
ホームページを作成しています。ページ全体は、テーブルを多用しており、 レイアウトが崩れないように以下のCSSを使って、文字サイズを固定しています。 <style type="text/css"><!-- *{ font-size: 13px; } --> </style> ここで、問題が起きたので、悩んでいます。 一部の文字にサイズを大きくしたいと思って、フォントサイズを変更しようと 思って色々やってみましたが、ダメでした。 どうすれば、一部の文字サイズを自在に変更出来るのでしょうか。
- mabo241
- お礼率86% (111/128)
- その他(インターネット・Webサービス)
- 回答数1
- ありがとう数2
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
どんな方法を試したのか分かりませんが、 スタイルシートは「後から書いた方が優先される」の法則があるので、 部分的にスタイルシートを割り当ててやれば良いのです。 例↓ <html> <head> <title>文字の大きさを部分的に変える</title> <style type="text/css"> <!-- * { font-size: 13px; } --> </style> </head> <body> 文字の大きさを<span style="font-size:50px;">ここだけ50px</span>にします。 </body> </html>
関連するQ&A
- ホームページビルダーで・・文字の固定をしたい。
ホームページビルダーV6で会社のHPを作ったのですが、 ブラウザの文字サイズの変更の影響を受けないように、 文字の固定化をしたいと思いいろいろ調べました。 それで下記のタグを使うと出来るらしいのですが。 どこでどんな風にすればいいのかわかりません。 わかる方教えてください。 ↓ 一応スタイル設定で可能ですけど。 <STYLE TYPE=”text/css”> BODY { FONT-SIZE: 12px; ←ページ内のフォントサイズ } TD { FONT-SIZE: 12px; ←テーブル内のフォントサイズ } </STYLE>
- ベストアンサー
- その他(ソフトウェア)
- テーブル内の文字のサイズを変更し携帯で表示したい
html文を勉強しながら簡単なホームページを作成しています。 <style type="text/css"> <!-- table { font-size: 20px ; } --> </style> を使ってテーブルの中の文字のサイズを変更していますが パソコン(IE)で見るとうまくできるのに携帯でみると文字の大きさが変わっていません。 <font size=1> </font> も入れているのですがテーブル以外の文字はちゃんと指定されたサイズになっています。 携帯で表示かつ文字の大きさを指定するのはどうすればいいのでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- CSSで文字サイズを固定
ホームページ作成中です。 ページレイアウトを誰でも同じように見せたいため文字サイズを固定しようと思います。 でも、うまく出来ません。 CSSファイルを別に準備する方法でやっています。 ---------- BODY { color : #666666; font-size: 12px; background-image : url(img/bg.gif); } ---------- こうしてみたのですが、ブラウザで大とか小とかにすると変化してしまいます。 CSSを読み込んでないのかな?と思ってカラーを書き換えてみたのですが、こちらはちゃんと変化します。 何が間違っているのでしょう?
- ベストアンサー
- CSS
- スタイルシートでの文字サイズ指定について
ホームページの文字表示サイズについての質問です。 私は全てWindows Vistaのメモ帳で作っているのですが、文字サイズを <Font Size="サイズ"> で指定するやり方では、MACで有効ではないと分かり、スタイルシートの外部から引き出すやり方で、まずs.cssに、 BODY { font-size: 13px } と書き、index.htmlに <head> <style Type="text/css"> <!-- body,td {line-height:15pt;} --> </style> <link href="s.css" rel="stylesheet" type="text/css"> </head> と打ち込んでみました。 しかし、こうするとMacX10.5では文字化けを起こしてしまいました。 <link href="s.css" rel="stylesheet" type="text/css"> を挿入するやり方がどこかおかしいのでしょうか。 または、文字サイズの指定のやり方が、他にもあるのでしょうか。お手数かと思いますが、どうかお助けください。
- 締切済み
- HTML
- cssで指定した文字の大きさがIE6とIE7で違う
cssでレイアウトを指定したサイトを作りました。 IE6、Opera9、Firefox2でうまく表示ができました(微妙にFirefoxだけ文字の大きさが小さいですが、ほぼレイアウトにあっています)。 が、先日IE7で確認するとフォントサイズが大きくなっていました。 cssではfont-sizeを、bodyが12px、各id、classはそれぞれ11px、10pxとしました。 IE7だと13pxくらいに見えてしまい、レイアウトをはみ出て表示されています。 IE7をIE6と同じフォントサイズにするにはどのように指定すればよいのでしょうか? ちなみに文字の大きさは固定でブラウザで大きさを変更できないようにしたいのです。 すみませんがよろしくお願いします。
- 締切済み
- HTML
- スタイルシート、ネスケで基本のフォントサイズが適用されない
スタイルシートを外部ファイルとして呼び出して、スタイルを下記の様に指定しました。 <style type="text/css"> <!-- body{font-size:13px;} table{font-size:13px;} --> </style> IEではページ全体のテキスト、テーブル内のテキストともに13pxで表示されるのですが、ネスケだとテーブル内の13pxは適用されてもページ全体のテキストに13pxが適用されません。emや%といった単位や相対・絶対値の違いではないと思うのですが、ネスケのページ全体のテキストの指定には他に記述があるのでしょうか? できればスタイルシート1つでIEでもネスケでもある程度同じに見えるようにしたいのですが…お願いします。
- ベストアンサー
- HTML
- ホームページ上に「文字サイズ大」ボタンのつけ方
ホームページ上に「文字サイズ大」のボタンをつけたいと思い、下記のように書きました。 基本の文字サイズは決めています。 「文字サイズボタン」を押すと、少し大きくしたいのですが、bodyは大きくなりますが、table内の文字は変わりません。 他にも「h1」「p」もあるのですが、どうしたらいいでしょうか? ぜひ、教えてください。 よろしくお願いいたします。 ------------------------------------------------------------- <style type="text/css"> <!-- body,h1,table,p,{font-size:13px;} --> </style> <script type="text/javascript"><!-- function large() { document.body.style.fontSize = "100%"; } //--></script> </HEAD> <BODY><INPUT type="button" onclick="large()" value="文字サイズ「大」"> <BR> <BR> あああああああああああああああああああああああああああああああ <TABLE border="1"> <TBODY> <TR> <TD>ああああ</TD> <TD width="111">あああああああ</TD> </TR> </TBODY> </TABLE> </BODY>
- 締切済み
- JavaScript
- 文字サイズ変更ボタンがIE6で反応しない
<style type="text/css"> #resize{font-size:12px;} #resize.middle{font-size:12px;} #resize.big{font-size:20px;} </style> とヘッダー部分に指定しておいて、 bodyタグ内で、 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='middle'; return false;">中 <input type="radio" name="sample" id="sample" onClick="document.getElementById('resize').className='big'; return false;">大 と記述し、文字サイズ変更ボタンを作成しました。 IE7、firefoxでは無事反応したのですが、 IE6だとなぜか反応してくれません。 IE6は文字サイズ変更には対応していないのでしょうか・・・。
- ベストアンサー
- JavaScript
- CSS・フォントサイズ変更は どこをいじれば?
ホームページビルダー17で、以下のサイトのテンプレートをダウンロードして編集中です。 http://nikukyu-punch.com/template/giin1_pink/index.html 本文部分の文字が小さいのでもう少し大きくしたいのです。 これまではテーブルタグで作っており、CSSは初心者です。 文字部分を右クリックしてスタイルの設定を見ると 本文や見出し部分などのfont-sizeが100%だったり75%だったりします。 たぶんCSSのfont設定が細かく分かれているのでしょうが… あまり細かく分類せず、右のサイドメニューと本文の文字の大きさを font-size : 14px line-height : 150% にしたいというのが希望です。 このようなスタイルの設定の変更はどうすればいいのでしょうか。 スタイルシートマネージャーから変更すればいいのでしょうか? 一度スタイルを削除すると戻せないようなので、なかなか試行錯誤に踏み出せません。 画像などは変更できたのですが。 ご教授願えませんでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- 文字サイズが大きくなってしまう
CSSで文字サイズを指定しています。 <STYLE TYPE="text/css"> .pt10 {font-size=10.5pt;} </STYLE> ・・・ <TD class="pt10"> こんな感じです。 普通はこれでうまく表示されているのですが、あるパソコンだけ、文字が大きく表示されてしまいます。 ブラウザはIE5.5とNC4.7で試してみましたが どちらも同じで、ブラウザの問題では無いと思います。 原因に思い当たることがあれば教えてください。 よろしくお願いします。
- 締切済み
- HTML
お礼
ありがとうございました。 これで解決出来ました!