No.4ベストアンサー
- 回答日時:
<ol id="target">ってなってるでしょ?
cssのidセレクタ名のtargetという部分が問題の箇所。
そこのmarginが小さすぎると思いますよ。
marginは隣のコンテンツ境界からの距離です。
左とか右、上、下の隙間のサイズの事です。
margin:15pxとは上下左右に15pxの隙間で入れるという意味。
margin:10pxなら上下左右に10pxの隙間。
隙間10なら狭いから入りきらないが、15なら入るという事。
有難う御座います。
<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>
No.2
- 回答日時:
51.0.1 (32 ビット)で表示できてますけど
下記がその例です。
<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>
以下、省略。
スタイルシートに問題が有るのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- iPhone(アイフォーン) web上の電話番号リンクの桁区切りが、iPhoneだと特定電話番号でおかしくなるのを解決したい 1 2023/03/28 14:27
- iPhone(アイフォーン) アイホンについて。 Apple IDのパスワードを忘れてしまい、困っております。 可能性のあるパスワ 4 2022/04/26 15:39
- その他(ネットショッピング・通販・ECサイト) 国際便の局留めについて 1 2022/03/31 15:48
- 戸籍・住民票・身分証明書 マイナンバーカードの更新について教えてくださいな マイナンバーカード更新の時期が来たので携帯で済ませ 2 2023/07/31 01:47
- マルウェア・コンピュータウイルス Microsoftサポートをかたる詐欺について 5 2022/03/22 19:22
- その他(スマートフォン・携帯電話・VR) ファミリーマート決済をしたいのですが、 第2番号が8から始まる12桁を入力と記載されていて、お客様番 3 2022/12/18 12:26
- Visual Basic(VBA) VBA初心者です。電話番号の数字の前に0を表示させたいです。 2 2022/12/14 03:58
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Excel(エクセル) SUMIFのIF分岐について 4 2023/04/15 12:57
- Windows 10 WINDOWSのライセンス認証ができない 7 2022/11/09 15:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Firefox のウィンドウ枠を変更...
-
CSS の flexbox を display: no...
-
CSSを利用して、特定のリンクや...
-
Firefoxのブックマークのマウス...
-
YouTubeに横スクロールバーが出...
-
Firefoxクラッシュ頻発
-
Firefoxが複数立ち上がるのを解...
-
OpenH264 Video Codec について
-
スマホのブラウザーでfirefoxと...
-
firefox portableが立ち上がらない
-
これなんですか?
-
firefoxのブックマークを他人に...
-
HPのPCでサインイン処理に失敗
-
illustrator で、カラーマネジ...
-
forefoxでmoraの試聴が出来ない。
-
サンダーバードメール移動しない
-
firefox起動をロックしたい
-
ブラウザのアドレスバーのに表...
-
Chrome関係の肥大したファイル...
-
至急!!!学校のiPadについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSS の flexbox を display: no...
-
Firefoxのブックマークのマウス...
-
YouTubeに横スクロールバーが出...
-
Firefox のウィンドウ枠を変更...
-
firefoxのスクロールバーの色変更
-
googleリーダーの既読、未読の...
-
行間の設定:firefox Stylish
-
FireFoxを72.0.1更新 サイドバ...
-
ファイヤーフォックス リンクの色
-
firefoxのブックマークの検索の...
-
バッチファイル内のコマンドプ...
-
Google Chrome で訪問済みのリ...
-
スマホのブラウザーでfirefoxと...
-
esimは1台の携帯電話に何個まで...
-
選択しているソフトの ウィンド...
-
Firefoxクラッシュ頻発
-
HPのPCでサインイン処理に失敗
-
Webページの作成日時と最終更新...
-
Firefoxが複数立ち上がるのを解...
-
至急 学校のiPadの監視について
おすすめ情報
margin:10pxでは駄目でしたが。
margin:15pxで良くなりました。
これはどう言う時に使うのでしょうか。