- ベストアンサー
下付き文字にするには?
HTMLで表現できなくて困っています。 硫酸鉄の"FeSO4"などの表記の4を下にすこしずらしたいと思っているのですが、<sub>ではスタイルシートを使っている文字に対しては上手くいきません。 是非どなたかお教えください。
- HTML
- 回答数4
- ありがとう数4
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 もっとスマートな解決策があるんじゃないかと思いつつですが。 1)下付き文字にする数字(質問で言えば「4」)のフォントサイズを小さくして 2)その数字だけに <vertical-align:sub;> を適用する。 こんな感じです。(余分な部分は省略) ~冒頭部省略~ <style TYPE="text/css"> p{font-size:20px;} </style> ~中略~ <p>FeS0<span style="font-size:14px;vertical-align:sub;">4</span></p> ~以下略~ 試してみてください。 参考になれば幸いです。
その他の回答 (3)
JavaScriptバージョン <body> <div style="font-size:9pt;"> <script language="JavaScript"> document.write( "FeSO" + "4".sub() ); </script> </div> </body>
お礼
ありがとうございます。 こんな方法もあるのか、と考えさせられます。 はじめは、???と思いました。 とりあえず、インラインにしてみて、たくさんあるようなら、CSSクラスにアサインしてみようと思っています。
.txtsub{ vertical-align:sub; } として <div>FeSO<span class="txtsub">4</span></div> "vertical-align"はいつ廃止になるかわかりませんが・・・
- a-kuma
- ベストアンサー率50% (1122/2211)
では、スタイルシートで下付きにしましょう。たとえば、 FeSO<span style="font-size:70%">4</span> という感じではいかが?
お礼
ありがとうございます。 サイズを小さくするのが一番綺麗に見えるように思いました。
関連するQ&A
- 下付き文字による行間の幅について
お世話になります。 <SUB>タグ、CSSだと、Vertical-align:sub; を使用して 下付き文字をHTMLで表示させると行間幅がおかしくなってしまいます。 例えば、 ABCDEFGHI JKLM<SUB>N</SUB>OPQ RSTUVWXYZ のように記述すると、下付き文字の"N"のおかげで2行目と3行目の 行間幅が他よりも広くなってしまうのです。 元々行間幅を大きくとれば解消されると思いますが、 そんなことはしたくないのです。 どなたかご存じでしたらご教授いただければ幸いです。
- ベストアンサー
- HTML
- CSSで文字を一番下の中央に表示したい!
スタイルシートを使用して文字を一番下の中央に表示する事は出来ますか? (ウインドウサイズを変更しても常に一番下中央に。) 宜しくお願いします。
- ベストアンサー
- HTML
- 大文字が小文字か?
HTMLのタグって、本やページによって大文字だったり小文字だったりしますよね。 (例えば<TABLE>と<table>とか)。 どちらでもかまわないと私は解釈しているのですが、以前に 「大文字と小文字を混在してはならない」というのを聞いたことがあります。 (<TABLE border=”・・・>みたいな感じです)。これは本当なんでしょうか? またHTMLに限らず、スタイルシートの宣言(font-weightなど)は 小文字になっている様ですが、これはやはり大文字にしてはならないんでしょうか? Javascriptみたいに大文字小文字で判別されてしまうのなら話は別なんですが・・・。 どうなんでしょうか?ご存じの方、よろしくお願いします。
- 締切済み
- HTML
- seesaaブログの文字の大きさについて
seesaaブログの自分のブログで、記事の文字の大きさを大きくする 方法を教えて頂けますでしょうか。 ウェブで検索すると、以下が見つかりました。 「マイ・ブログ」タグからサインイン(ログイン)して→「デザイン」 →「スタイルシート」→「使用しているテンプレートのタイトル」 でスタイルシートを 変更、書き足しができるページを開きます。 が、そもそも私の「デザイン」の中には、「スタイルシート」がありません。 あるのは、「デザイン一覧」「コンテンツ」「HTML」「コンテンツ(モバイル)」 「HTML(モバイル)」「iPhone」「デコもじ」の7個のメニューです。 参照したウェブが古いのかもしれません。どなたかご存知の方、 宜しくお願いいたします。
- ベストアンサー
- ブログ
- 文字と同じ幅で下線を引きたいのですが。。
文字の下に下線をスタイルシートを使って引きたいと考えています。 方法は <h1>ほげほげ</h1>とhで囲みスタイルシートで下線を設定しています。 しかし文字と同じ幅で下線を引く方法が分かりません。よろしくお願いいたします。
- ベストアンサー
- HTML
- ホームページ内の文字や写真を見た人がコピーできないようにするには、HT
ホームページ内の文字や写真を見た人がコピーできないようにするには、HTML やスタイルシートで、どう書けばよろしいのでしょうか? よろしくお教えください。
- ベストアンサー
- HTML
- リンクの下線を消す方法
HTMLを書いているのですが、 文字にリンクを貼った時、文字の下に下線が出ますよね? 環境によっては出たり出なかったりするようですが、 スタイルシートを使わずに、その下線を消す方法を、どなたか教えて下さい。
- 締切済み
- HTML
- CSSで画像の裏にテキストの文字が隠れてしまいます
スタイルシートを使って、画像の位置を固定したあと、テキストを書いていくと画像の裏に文字が隠れてしまいます。 HTMLの表を使ってやると正常に表記されるんです。 スタイルシートでは、画像h1,h2,h3に対して h1,h2,h3{float:left} と、<head>の後に記入しているのですがさっぱり反映されません。この他に、インラインでもやってみたのですが、 <span style="text-align:left>~</span> なんともなりません。この他にも試してみたのですが、うまくいきません。 文字のスタイルなどについては一気に指定してうまく制御できているのですが・・・ あー、font-familyの指定もうまくいっていません。 MS ゴシック と MS 明朝 の指定が全く変化しません。 上のように、半角でスペースを入れているのですが、・・・ ご存知の人がいらっしゃいましたらどうかご教授くださいますようお願いいたします。
- ベストアンサー
- CSS
- ホームページの文字の大きさについて
ホームページ内のすべての文字の大きさを固定するには、どうしたらいいのでしょうか。 スタイルシートを使うといいのは分かるのですが、ページ内すべての文字を一括で変更する方法がわかりません。 以下のサイトは、うまく文字をスタイルシートでコントロール出来ていると思います。 http://www.bit-craft.net/ ブラウザで表示→文字のサイズで大や中にしても文字の大きさが変わらないようにしたいのですが、一文一文スタイルシートを入れるのではなく、1ページ1ページの文字の大きさを効率よくスタイルシートでコントロールできる方法に詳しい方がいらっしゃいましたら教えてください。
- ベストアンサー
- インターネットビジネス
- ネスケでの文字の大きさ
こんばんは スタイルシートを使用し、文字の大きさを統一したのですが、ネットスケープでは変わってしまいます。スタイルシートは対応していないのでしょうか? ネットスケープでも文字の大きさを統一するにはどうしたら良いのでしょう・・・
- ベストアンサー
- HTML
お礼
ありがとうございます。 レスが遅れましてスミマセン。 すごくわかり易く大変参考になりました。 verticalまで指定すると、ぶら下がりすぎる感じがしたので、<span style="font-size:75%">にしました。 ありがとうございました。