- ベストアンサー
リストの数字のフォントサイズを変えたい
MtHillの回答
スタイルシートを使えばできます。 たとえば、 <ol style="font-size:80%;"> <li>サンプル</li> </ol> のように記述すると元のサイズの 80% になります。
関連するQ&A
- 番号付きリスト（<Ol><Li>・・・</Ol>）の数字を全角に。
番号付きリスト（<Ol><Li>・・・</Ol>）の数字を全角に。 お世話になっております。 番号付きリスト（<Ol><Li>・・・</Ol>）の数字を全角にしたいのですが、 そのようなことはできるのでしょうか。 ご教授ください。よろしくお願いします。
- ベストアンサー
- HTML
- HTMLのリストについて教えてください。
HTMLのリストについて教えてください。 ワード文章をドリームウィーバーで作成しておりますが、番号のついた文章の中にまた、番号付の文章を入れるため、olでくくったliの文章の中にolでまたliの文章を組むことにより、番号をふったものを作成できましたが、バリデートでチェックするとエラーとなり、ol内にol を使用できないとコメントがありました。他の方法が思いつかないのですが教えていただけないでしょうか。 <ol> <li>見出し文章</li> <li>見出し文章</li> <ol> <li>詳細な内容</li> <li>詳細な内容</li> </ol> <li>見出し文章</li> <li>見出し文章</li> </ol>
- ベストアンサー
- ホームページ作成ソフト
- CSS フォントサイズの違うリストの横並び
http://www.muji.net/ie/ 上記のサイトのようにグローバルメニューのフォントサイズの違うものを横並びにし、 さらにはフォントの変わるところで縦線も入れたいです。 リストスタイルには任意の画像を使いたいと思って試行錯誤していますが、 どうしてもフォントサイズを変えるとずれてしまいます。 特にIE6で見ると何を直して良いのか分からないくらいです。 わかりづらい文章で申し訳ないですが教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- ＣＳＳのリストスタイルについて
別の人が作成したホームページの更新をしています。 そのホームページ全体に ul と li に list-style-noneのスタイルシートがかかっています。 新規に作成するページで 数字のリスト １．目次 ２．手引きについて ３．今後の流れについて というような数字のリストを作成したいのですが <ol> <li>目次</li> <li>手引きについて</li> <li>今後の流れについて</li> </ol> とすると通常目次についての前に数字の１が 手引きについての前に数字の２が表示されるかと思うのですが 表示されません。 ulとｌｉのlist-style-noneになってるからなのですが これは他のページがくずれるので解除できません。 どのような記述をすれば表示されるでしょうか？ 初歩的な質問で申し訳ありませんが ご回答よろしくお願いいたします。
- ベストアンサー
- CSS
- CSS入れ子リストを作成したい
CSS初心者です。 1,リスト 1-1,○○○○○ 1-2,○○○○○ 2,モデル 2-1,○○○○○ 2-2,○○○○○ 3,まとめ のような入れ子リストを作成したいのですが 現在の ■HTML <ol class="sample1"> <li>リスト</li> <li>○○○○○</li> <li>○○○○○</li> <li>モデル</li> <li>○○○○○</li> <li>○○○○○</li> <li>まとめ</li> </ol> ■CSS ol.sample1{ counter-reset:list; list-style-type:none; font: 14px/1.6 'arial narrow', sans-serif; padding:0; } ol.sample1 li{ position:relative; margin: 7px 0 7px 0px; padding-left:40px; font-weight: bold; font-size:14px; line-height: 30px; border: solid 1px #F6A38B; border-radius:20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } ol.sample1 li:before{ counter-increment: list; content: counter(list); position: absolute; left: 0px; width: 30px; height: 30px; text-align: center; color: #fff; line-height:30px; background: #F6A38B; border-radius: 50%; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } ol.sample1 li:hover{ background: #F6A38B; color: #fff; } ol.sample1 li:hover:before{ background: #fff; color: #F6A38B; } をHTMLを下記に変更して上の例のような入れ子にするには 上記のCSSをどのように変更すればいいのでしょか？ ■HTML <ol class="sample1"> <li><a href="">リスト</a></li> <ol> <li><a href="">○○○○○</a></li> <li><a href="">○○○○○</a></li> </ol> </li> <li><a href="">モデル</a></li> <ol> <li><a href="">○○○○○</a></li> <li><a href="">○○○○○</a></li> </ol> </li> <li><a href="">まとめ</a></li> </ol> よろしくお願いいたします。
- ベストアンサー
- CSS
- 文字の大きさ（フォント）（特に数字）をあるサイズ、たとえば、１０に固定
文字の大きさ（フォント）（特に数字）をあるサイズ、たとえば、１０に固定して入力したいのですが固定化する方法を教えて下さい。 （現状ではあるサイズたとえばサイズ１０で一画面全部に数字を入力したい場合、文字サイズを１０にして打ち始めても文字なり数字サイズが１１あるいは１２に戻る状態になっており、少々、不自由を感じています）。 以上
- 締切済み
- その他（生活・暮らし）
- Javascript フォントサイズ変更
Twitterのつぶやきを外部表示したらフォントサイズが大きくフォントの色も黒いままだったので、 <FONT size="1" color="#ff0000"> <div id="twitter_div"><ul id="twitter_update_list"></ul></div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/○○（ID）.json?callback=twitterCallback2&count=2"></script> </FONT> とフォントタグで囲んだところ、IEとSafariでは小さくなったのですが、 Firefoxでは表示がそのままでした。 Firefoxでもちゃんと表示できるようにするにはどうしたらいいでしょうか。
- ベストアンサー
- JavaScript
- フォントサイズについて
フォントサイズは<ＦＯＮＴ ＳＩＺＥ＝数字> で、指定できるのは、わかるのですが、ブラウザーの設定状況により、文字サイズが大きくなりすぎて改行されてしまったり、小さすぎて見えにくかったりしてしまいますよね？ HPを見る人が、ご自身の設定状況を変えなくても、見えやすいようにするには、どのような方法がありますか？ 絵のようにして、貼り付けることも考えたのですが、重すぎます。 良い方法を教えてください。
- ベストアンサー
- HTML
- フォントサイズの追加
フォントサイズは横の▼を開くと「たとえば10.5 11 12 14 ・・・」と出てきますが、実際にはたとえば１３ポイントの設定もフォントサイズ枠内に入力することで可能です。 ではたとえば『１３』ポイントをフォントサイズのリスト（というのかわかりませんが）に追加挿入することはできるのでしょうか？
- ベストアンサー
- Windows 8
お礼
ご回答ありがとうございました。早速やってみました。 ちゃんと小さくすることができました！ 助かりました。 ありがとうございました。