リストを使ったときに頭につく数字のフォントサイズを小さくすることは
できるのでしょうか?
文章のフォントは<li>の後にフォントタグをつければ小さくなるのですが
リストの数字が小さく出来ません。
これを小さくすることは可能でしょうか?
<ol>
<li>
<li>
</ol>

このQ&Aに関連する最新のQ&A

A 回答 (1件)

スタイルシートを使えばできます。


たとえば、

<ol style="font-size:80%;">
<li>サンプル</li>
</ol>

のように記述すると元のサイズの 80% になります。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。早速やってみました。
ちゃんと小さくすることができました!
助かりました。
ありがとうございました。

お礼日時:2002/03/27 17:19

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QA4サイズで4ページ分のPDFファイルを、A3サイズ2ページのPDFフ

A4サイズで4ページ分のPDFファイルを、A3サイズ2ページのPDFファイルにしたい(A4サイズの2ページを並べてA3サイズ1ページのファイルにする形です)のですが、どうすればできるでしょうか?

Aベストアンサー

PDF作成のソフトによって違うかと思いますが、ページサイズをA3にして、2ページを1ページに割り付けるとできます。
PrimoPDFでは印刷→プロパティからLayoutタブのPages per Sheetを2に、Paper/QualityタブのAdvancedからPaper sizeをA3にするとできます(英語版を使っているので、日本語では多少違うかもしれません)。

Q番号付きリスト(
  1. ・・・
)の数字を全角に。

番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角に。

お世話になっております。
番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角にしたいのですが、
そのようなことはできるのでしょうか。

ご教授ください。よろしくお願いします。

Aベストアンサー

HTML5は<li>にvalue属性が持たせれる
http://dev.w3.org/html5/spec/grouping-content.html#the-li-element
解釈間違ってるか?
そこで、ついでにSelectorAPIも使ってjavascriptで

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>test</title>
<style type="text/css"></style>
</head>
<body>
<ol class="Z_ol">
<li value="1">aaaa<ol><li>xxx</li><li>yyyy</li></ol></li>
<li value="2">bbbb</li>
<li value="3">cccc</li>
<li value="4">dddd</li>
</ol>
<script type="text/javascript">
var Z=["0","1","2","3","4","5"];
var Z_li=document.querySelectorAll(".Z_ol > li");
for (var i=0;i<Z_li.length;i++){
Z_li[i].style.listStyleType = "none";
Z_li[i].insertBefore(document.createTextNode(Z[Z_li[i].value]+"."),Z_li[i].firstChild);
Z_li[i].normalize();
}
</script>
</body>
</html>

HTML5は<li>にvalue属性が持たせれる
http://dev.w3.org/html5/spec/grouping-content.html#the-li-element
解釈間違ってるか?
そこで、ついでにSelectorAPIも使ってjavascriptで

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>test</title>
<style type="text/css"></style>
</head>
<body>
<ol class="Z_ol">
<li value="1">aaaa<ol><li>xxx</li><li>yyyy</li></ol></li>
<li value="2">bbbb</li>
<li value="3">cccc</...続きを読む

QワードでA3サイズに設定したい

ワード2003です。
出力予定がA3サイズですので、A3サイズに設定したいのですが、
ページ設定の用紙設定でA3が出てきません。
仕方がなく「サイズを指定」でサイズ入力しましたが、
「2.6mmから558.7mmの範囲でしてください」とエラーになります。
どうしたらいいのでしょうか?

よろしくお願いします。

Aベストアンサー

選択されているプリンタードライバーで用紙の大きさが決まるようです。
印刷設定からMicrosoft XPS Document Writerを選択し、もう一回用紙設定してみてください。
もしあればPromoなどのPDF writerでもできるようです。

Qテーブルタグの中に
  1. を入れても正常に数字が表示されません。

テーブルタグの中に<ol><li>を入れても正常に数字が表示されません。
例えばテーブルの外に<ol>を入れて中に<li>を入れても表示される数字が
全部1になってしまいます。またテーブルの中に<ol>を入れても同じようになってしまいます。どなたか解決法をご存知の方がいらっしゃりましたら、
アドバイスお願いいたします。

Aベストアンサー

一応、こんな感じで打ってみました。

<table border="1"><tr><td>
<ol><li>1行<br>
<li>2行<br>
<li>3行</td></tr></table>

こういう意味で良いのでしょうか…
自分のパソコンで確認した際は、テーブルの中に

1.1行
2.2行
3.3行

と表示されました。
違っていましたら済みません。

Q「A3サイズ」のスキャナーが欲しいのですが

「A4サイズ」の本(両開きA3サイズ)をスキャナーでパソコンに取り込みたいので、電気屋さんで
 A3サイズが読み取れるスキャナーを探したのですが、見つかりませんでした。
 店員に話を聞くと、「A3サイズのスキャナーは、取り寄せで値段も高額になります。(12万円~)」と言われました。
 しかも、複合機にで大きくなります。
 安くて(4万円~5万円位)で、A3サイズまでのスキャナーを探していますが、もし売っている店があれば教えて下さい。
現在は、A4サイズのスキャナーで片面づつ取り込み、フォトギャラリーのパノラマ機能で、2つの画像を繋げています。

Aベストアンサー

価格.comで検索するといくつかあります。
NOVACのSimply Scan A3 Ver.2.0 NV-PS501Uは¥16,315です。
在庫は、お店に確認してください。

参考URL:http://kakaku.com/pc/scanner/ma_0/s1=2/

Q
  • カテゴリ名

  • でh2の文字を小さくしたい

    H2の文字を小さくしたいと考えていますが、
    スタイルシートでなかなか再現できません。
    下記のように設定していますが間違いがありますでしょうか?

    xxx.html
    <div id="box-cat">
    <ul>
    <li><h2>カテゴリ名<h2></li>
    <li><h2>カテゴリ名<h2></li>
    </ul>
    </div>

    xxx.css
    #box-cat {
    width:200px;
    }

    #box-cat h2 {
    font-size:11px;
    font-weight:normal;
    }


    お力をお貸し下さい。

    Aベストアンサー

    ★そもそも<LI>タグで<H2>タグを使っているのが間違いかもね。
    ・どうして<H2>タグなの?→<LI>タグにいろいろと記述すればよいのでは?
     下に2つの解決策を載せます。どうぞ。

    解決策1:
    #box-cat H2{
     MARGIN:0em 0em 0em 2em; ←ここがポイント!
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』と『xxx.html』はそのままで良い。

    解決策2:
    #box-cat2 LI{
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』はそのままで良い。

    ●xxx.html
    <UL id="box-cat">
    <LI>カテゴリ名
    <LI>カテゴリ名
    </UL>

    ・以上です。これで一様、文字は小さくなりました。→私の環境での結果論!

    Qパワーポイントのサイズ変更A4⇒A3について教えてください。

    パワーポイントのサイズ変更について質問します。
    A3サイズの企画書を作りたいのですが、プリンターがA4サイズまでしか印刷できないためか、A3サイズに設定できません。
    対処法はありますか。
    ソフトは、Microsoft Power Pointです。
    ワードで作成するしか方法はないでしょうか。
    よろしくお願いします。

    Aベストアンサー

    「ファイル」→「ページ設定」で、巾42cm高さ29.7cmの数値を入れてください。
    因みにここをA3にしてしまうと、当方では巾35.56cm高さ26.67cmになりますから、これではなく数値を入れています。

    Q
    1. タグにて、こういう風にはできないのでしょうか???

    こんにちは(*- -)(* _ _)
    たびたびお世話になっています。

    今、HTMLを作成中なのですが、
    番号を振るタグで<OL><LI>がありますよね?
    あれだと、

    1. ●●
    2. ●●

    という風に出るのですが、

    1. ●●
     1-1. ××
     1-2. ××
          ×××
     1-3. ×××

    このように、1-1.みたいにはできないでしょうか・・・(T-T)

    ムリっぽいなぁ・。・。・とは思うものの。。。

    もし、「そのタグではムリなのでこうしてみたら?」というのがあれば是非教えてください!!!!

    Aベストアンサー

    それはタグでは無理ですね…。
    下記のようなテーブルを使ってみてはどうでしょう?

    <TABLE BORDER=0>
    <TR>
    <TD>1.</TD><TD COLSPAN=2>●● </TD>
    </TR>
    <TR>
    <TD></TD>
    <TD VALIGN="top">1-1</TD>
    <TD>××</TD>
    </TR>
    <TR>
    <TD></TD>
    <TD VALIGN="top">1-2</TD>
    <TD>××<BR>×××</TD>
    </TR>
    <TR>
    <TD></TD>
    <TD VALIGN="top">1-3</TD>
    <TD>×××</TD>
    </TR>
    </TABLE>

    QフォトショップでA3サイズ実物大で表示させるには?

    フォトショップCS5.1で、新規文書を作りカンバスサイズをA3サイズに設定しましたが、拡大縮小を調整してA3実物大のカンバスサイズにしたいのですが、どうすればいいんでしょうか?

    Aベストアンサー

    A3用紙の実物大とディスプレイ上の表示サイズを同じ大きさに合わせたいのですね?
    カンバスサイズをA3サイズ(297mm×420mm)に設定したといっても、解像度の設定によっては表示調整の数値が全然違ってきます。また、ディスプレイのサイズ、ドットピッチ、解像度によっても変わります。

    カンバスを300pixel/inchに設定した場合、今目の前にあるディスプレイ(24インチ1920×1200)では表示サイズの調整31.4%、72pixel/inchに設定した場合で131%に調整すると、ほぼA3実物大に表示されました。デフォルトならフォトショップの左下あたりの[***%]のところで表示のサイズ調整ができますよね?ズームイン・アウトではアバウトすぎて出来ません。

    ちなみに、よくある24インチ程度のフルHDモニタでは、グラボにモニタを90度回転させて縦長表示する機能がなければ72pixel/inchの設定でさえ全面は収まりきらず縦スクロールは必須です。

    Q

    こんにちは。
    以下サイト

    http://www.mirabella.jp/MiraTop.do

    のブランドリストのソースを見ると、

    <div id="list_en4" class="clearfix"><!-- #list_en -->
    <ul>

    <li class="initial">A</li>
    <li><a href="/ItemPrdList.do?brandId=01394&crumbType=0:brands">ACCESSORIES &amp; BEYOND</a></li>
    <li><a href="/ItemPrdList.do?brandId=01376&crumbType=0:brands">ADIDAS BY STELLA McCARTNEY</a></li>
    <li><a href="/ItemPrdList.do?brandId=01381&crumbType=0:brands">ALTEA</a></li>
    <li><a href="/ItemPrdList.do?brandId=01382&crumbType=0:brands">ALPO</a></li>

    <li><a href="/ItemPrdList.do?brandId=01661&crumbType=0:brands">AMERICAN RAG CIE</a></li>
    <li><a href="/ItemPrdList.do?brandId=01405&crumbType=0:brands">AMET &amp; LADOUE</a></li>
    <li><a href="/ItemPrdList.do?brandId=01406&crumbType=0:brands">ANGLO LEATHER</a></li>
    <li><a href="/ItemPrdList.do?brandId=01677&crumbType=0:brands">ANYA HINDMARCH</a>
    <li><a href="/ItemPrdList.do?brandId=01355&crumbType=0:brands">A.T</a></li>


    <li class="initial">B</li>
    <li><a href="/ItemPrdList.do?brandId=01508&crumbType=0:brands">BALMUIR</a></li>
    <li><a href="/ItemPrdList.do?brandId=01365&crumbType=0:brands">BRUNO CARLO</a></li>

    <li class="initial">C</li>
    <li><a href="/ItemPrdList.do?brandId=01513&crumbType=0:brands">CACHAREL</a></li>
    <li><a href="/ItemPrdList.do?brandId=01675&crumbType=0:brands">CALLEEN CORDERO</a>

    <li><a href="/ItemPrdList.do?brandId=01402&crumbType=0:brands">CHAN LUU</a></li>
    <li><a href="/ItemPrdList.do?brandId=01407&crumbType=0:brands">CITRUS</a></li>
    <li><a href="/ItemPrdList.do?brandId=01388&crumbType=0:brands">COLETTE MALOUF</a></li>

    <li class="initial">D</li>
    <li><a href="/ItemPrdList.do?brandId=01478&crumbType=0:brands">DEMI</a></li>
    <li><a href="/ItemPrdList.do?brandId=01524&crumbType=0:brands">DELICIOUS FREAKS</a></li>


    <li class="initial">E</li>
    <li><a href="/ItemPrdList.do?brandId=01369&crumbType=0:brands">ELEY KISHIMOTO</a></li>
    <li><a href="/ItemPrdList.do?brandId=01522&crumbType=0:brands">ERIBE</a>
    </ul>
    </div>

    この表示のみでリストが3列で表示されているのですが、
    このように3列で表示させるCSSの設定方法をご存知でしたら
    教えていただけますでしょうか?

    こんにちは。
    以下サイト

    http://www.mirabella.jp/MiraTop.do

    のブランドリストのソースを見ると、

    <div id="list_en4" class="clearfix"><!-- #list_en -->
    <ul>

    <li class="initial">A</li>
    <li><a href="/ItemPrdList.do?brandId=01394&crumbType=0:brands">ACCESSORIES &amp; BEYOND</a></li>
    <li><a href="/ItemPrdList.do?brandId=01376&crumbType=0:brands">ADIDAS BY STELLA McCARTNEY</a></li>
    <li><a href="/ItemPrdList.do?brandId=01381...続きを読む

    Aベストアンサー

    CSSもソースを確認すればよいでしょう。
    firefox + Firebug が便利です。
    なお、示された部分は、javascriptでdisplay:none;に通常はなっていて、普通は表示されない。アルファベットをクリックすると表示される。
     詳しくは、Firebugで確認してください。

     基本的には、ulをブロックに変換(display:block)して、内部のliもブロックにして、それを親のコンテナブロック内でfloatさせているだけのようです。


    このQ&Aを見た人がよく見るQ&A

    人気Q&Aランキング