14歳の自分に衝撃の事実を告げてください

詳しい人求む！

firefoxの<li>について、行番号が万の桁にならないのはどうしてか?

解決済

  • 質問者：usui-2015
  • 質問日時：
  • 回答数：4件

htmlの<li>でfirefoxで表示をさせると万の桁に成るとまた
番号が1から始まる。

これを、続けての万の位から表示をさせると言うのは出来ない
のでしょうか。済みません。解決方法を教えて下さい。

よろしくお願いします。

質問者からの補足コメント

  • うーん・・・

    margin:10pxでは駄目でしたが。
    margin:15pxで良くなりました。

    これはどう言う時に使うのでしょうか。

    No.3の回答に寄せられた補足コメントです。 補足日時：2017/03/04 16:25
    通報する
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： t_fumiaki
  • 回答日時：

<ol id="target">ってなってるでしょ？


cssのidセレクタ名のtargetという部分が問題の箇所。

そこのmarginが小さすぎると思いますよ。

marginは隣のコンテンツ境界からの距離です。
左とか右、上、下の隙間のサイズの事です。

margin:15pxとは上下左右に15pxの隙間で入れるという意味。
margin:10pxなら上下左右に10pxの隙間。

隙間10なら狭いから入りきらないが、1５なら入るという事。
    • good
    • 0
    • 件
通報する
この回答へのお礼

有難う御座います。
<ol>以前の内容です。

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>メニュー</title>
<style type="text/css">
<!--
pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #e5e5e5; }
body { margin: 30px; font-family: monospace; color: #000000; background-color: #e5e5e5; line-height: 180%; }
* { font-size: 1em; }
.LineNr { color: #804040; }
li.hide{display:none;}
-->
</style>

</head>
<body>
<script type="text/javascript">
<!--
function choice(){
var reg=new RegExp(document.getElementById("keyword").value);
var obj=document.getElementById("target").getElementsByTagName("li");
for(var i=0;i<obj.length;i++){
obj[i].className=(obj[i].innerHTML.match(reg))?"":"hide";
}
}
// -->
</script>
<ol id="target" max=100000>
<input type="text" name="keyword" size=10 id="keyword">
<input type="button" value="choice" onclick="choice()">
<li><a href="./150908-1504.html" target="contents">150908-1504</a></li>

通報する
お礼日時：2017/03/04 19:33

No.3

  • 回答者： xs200
  • 回答日時：

<ol id="target">は何をしているのでしょう?


9999の次は1ではなく0000ではありませんか?
マージンいれると表示できてます。
「firefoxの<li>について、行番号」の回答画像3
この回答への補足あり
    • good
    • 0
    • 件
通報する
この回答へのお礼

有難う御座います。

9999の次は、0000になっています。
マージンと言うのは何でしょうか。

教えて下さい。

通報する
お礼日時：2017/03/04 16:20

No.2

  • 回答者： xs200
  • 回答日時：

51.0.1 (32 ビット)で表示できてますけど

「firefoxの<li>について、行番号」の回答画像2
    • good
    • 0
    • 件
通報する
この回答へのお礼

下記がその例です。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>メニュー</title>
<style type="text/css">
<!--
pre { white-space: pre-wrap; font-family: monospace; color: #000000; background-color: #e5e5e5; }
body { font-family: monospace; color: #000000; background-color: #e5e5e5; line-height: 180%; }
* { font-size: 1em; }
.LineNr { color: #804040; }
li.hide{display:none;}
-->
</style>

</head>
<body>
<ol id="target">
<input type="text" name="keyword" size=10 id="keyword">
<input type="button" value="choice" onclick="choice()">
<li><a href="30493586.html" target="contents">30493586</a></li>
<li><a href="30494183.html" target="contents">30494183</a></li>
<li><a href="30494372.html" target="contents">30494372</a></li>
以下、省略。

スタイルシートに問題が有るのでしょうか。

通報する
お礼日時：2017/03/04 12:53

No.1

  • 回答者： t_fumiaki
  • 回答日時：

firefox使ってますが、そんな事起きませんけど・・・。


<ol> </ol>で囲ってますよね？

cssで制限など付けてませんか？
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

おすすめ情報

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報