- ベストアンサー
<li>タグで数字が同じになってしまう（IEのみ）
はじめまして。 <li>タグを使用してもなぜか数字が １ １ １ とすべて同じ数字になってしまいます。 ローマ字でも一緒でした。 ためしにほかのページで入れてみたら、普通に表示されたのですが・・・ ブラウザでチェックしたところ、IE（6と7）のみに現れた症状でした。 解決方法をご存じの方はどうかよろしくお願いいたします。
- HTML
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
IEのバグでliタグに直接幅を設定すると、 スタイルの位置がおかしくなったり、 数値が正しく表示されなくなるようです。 下記のように、li内にあるタグを利用して、 幅を設定することは可能です。 <ol> <li><a href="#" style="display:block;width:20em;">AAAAAAAAA</a></li> <li><p style="width:20em;">BBBBBBBBB</p></li> <li>CCCCCCCCC</li> </ol>
その他の回答 (2)
- goldfox
- ベストアンサー率49% (123/249)
ol、li要素に幅指定をしたときのバグですね。 ol要素の親要素に幅指定、でも回避できます。 <div style="width:150px;"> <ol> <li>AAAAAAAAA</li> <li>BBBBBBBBB</li> <li>CCCCCCCCC</li> <li>CCCCCCCCC</li> </ol> </div>
お礼
ありがとうございます。 このようなバグを初めて知りました。 いただいた解決策が一番シンプルそうですね。 本当にありがとうございました。
- shimix
- ベストアンサー率54% (865/1590)
<ol>以降のソースを提示してみてください。
お礼
ありがとうございます。 <ol> <li>AAAAAAAAA</li> <li>BBBBBBBBB</li> <li>CCCCCCCCC</li> <li>CCCCCCCCC</li> </ol> DW上だったり、他のブラウザではちゃんと表示されるんですが・・・ 上に<h3>タグを配置したりしているのですが・・・ どうかよろしくお願いいたします。
関連するQ&A
- liタグをfloat,leftし横並びにしたのですが、テキストがうまく2行に改行されない＠IE7
はじめまして。 html初心者なんですが、 表題にあるようにメニューのようなものをliタグでテキストで横並びにするためfloat leftをかけたのですが、すべてテキストで構成しているためか、1行目の最後の文字、つまり、<li>hoge</li>が改行されず、残りの幅で縦書きに表示されてしまいます。 画像を添付いたします。 これの解決方法を教えてください。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- IE９の文字入力
IE９にしたらPC起動後最初に開いたHPでの文字入力が英数字からローマ字入力に変わりません。 以前は、HPを開いたら勝手にローマ字入力になっていました。 入力のタブを直接ローマ字入力にしても英数字のままです。 解決方法は、一度HPを閉じ再度開くとローマ字入力に変わります。 毎回開いて閉じてめんどくさいのでIE８にダウングレードしたら直りました。 重要な更新でいつもIE9が選択されていて毎回チェックを外し更新するのも面倒でなにか解決策は、ないでしょうか？ IE９の文字入力の解決方法もしくは、IE９を更新しない方法どちらでもかまいません。
- 締切済み
- Windows系OS
- IE9の不具合なのか？
似たようなQ&Aを探しましたが、求めている答えが見つかりませんので新たに質問させていただきます。 先日、IE9にアップデートしたのですが何個か不具合を感じています。 (1)ローマ字入力が使えなくなる（タブを変えたり、IEを再起動すると直ります） (2)キャッシュ削除後にお気に入り上のURLを開くと、デスクトップの全てのアイコンが一瞬消える (3)Googleの検索候補が選択できなくなる (4)ページを移る際や閉じる際に、一瞬ですが前に開いたページが表示されてしまう 時々、起きる症状なので不都合があまり感じていませんが、IE8の時には無かった症状なので疑問に感じています。また、PCの不具合なのかも知りたいです。そうであるならばリカバリーも考えています。 解決策をご存じの方がいましたら、お教えください。よろしくお願いいたします。
- ベストアンサー
- ブラウザ
- IE PNG Fix を使用 IE6でクリックできない
http://www.designwalker.com/2006/12/transparent-png2.html こちらのページで紹介されてある iepngfix というJavascriptを使用させていただきました。 見事、半透明の画像がキレイに表示できたのですが・・・ IE６だけリンクをクリックすることができません。 使い方は <ul>タグにCSSでPNG画像を指定して <li>に<a>タグを使用しております。 IE6以外だと普通にクリックできるのですが IE6はクリックすることができません。 いろいろ調べてみたのですが、よくわかりません。 どなたか解決策をご存知のかた、教えていただけたら幸いです。 どうぞ、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- IE・NNの独自タグについて
こんにちは。 HTMLについて、最近いろいろ考えるようになりまして。。。 IE・NNの独自タグ（以下、独自タグ）がありますよね。例えば<body>タグに使う「leftmargin」「rightmargin」、「marginwidth」「marginheight」など。 自分のウェブページがあって、古いブラウザーにも思う通りのレイアウト表示が可能であるよう、基本仕様として「HTML 4.01 Transitional」（システム識別子なし）でHTMLを書いています。 ところが、最近、「AnotherHTML」を知り、文法チェックを行った結果、「エラーですよ」といわれてしまいました。独自タグだから使うな、スタイルシートを使いなさい ということだと思います。 ここで、ボクが知りたいのは、 ■1■ 「HTML 4.01 Transitional」（システム識別子なし）で書く場合、独自タグを使ってはいけないの？ ■2■ エラーがいやだから、独自タグを全部取っ払って、スタイルシート対応させたらエラーは消えるかもしれないけど、「表示」のほうは大丈夫なの？ 以上の2つです。 これといった基準がないようようには思いますが、詳しい方、ご意見を聞かせていただけますか。 どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
- カレントページ aタグではなく、liに「activ
カレントページ aタグではなく、liに「activeクラス」を付与したいのですが、 どうすれば良いでしょうか？ var URL = window.location.pathname; $('ul#gnavi li a').each(function() { linkURL =$(this).attr("href"); if ( URL == linkURL ){ //$('ul#navi li').addClass('active"');//これだと全部activeになる //$(this).addClass('active');//これだとaがactiveになる } ナビ階層としては、＜ul＞＜li＞の中に、さらに＜ul＞＜li＞があります 一番外側のulにはid「gnavi」を付与しています できれば、両階層とも「activeクラス」を付与したいのですが、 難しければ、とりあえず、中にある階層のliタグに「activeクラス」を付与したいです jQueryを利用しようとしていますが、普通のjsで出来るのなら、そちらでやりたいです (jQueryでもいいです)
- ベストアンサー
- JavaScript
- フレームの際のHTMLタグ表示について
ホームページを新たにフレーム式に作成しました。 ページの表示には問題が無いのですが、 何故か、右側のメインのページのHTMLタグがソースで すべて表示されています。 通常フレームの場合のタグは見えなくなりますよね。 （御覧になるにはフレームが読み込めるブラウザーが必要です・・・とかの表示で） OSはウインドウズME ブラウザーはIE5.5 ホームページビルダーによって作成しました。 普通のフレームのページのようにタグが見えないように したいのですが、何が間違えているのか、問題なのか わかれば、是非お教えください。よろしくお願いします。
- ベストアンサー
- HTML
- NOFRAMEタグについて
タイトルの通り、noframeタグの使い方について。 このタグの中には、具体的に何を書くべきなのでしょうか。 bodyタグから普通のページのように全て書くのでしょうか？ それとも文章だけで良いのでしょうか？ また、フレーム対応してるブラウザを使っている場合、どのようにしたらこのページを確認できますか？ 質問が２つになってしまいましたが、一方だけでも結構ですので回答お願いします。
- ベストアンサー
- HTML
- <UL>タグが反映しません
関係無いかも知れませんが ＯＳはビスタでブラウザはＦｉｒｅｆｏｘです それで、<UL>タグが反映しないという質問なんですが 私は現在ＦＣ２ブログを作ってます それで今回、見出し等レイアウトを考えて <UL>タグを使用しました 内容は <p>文章</p> <ol> <li>文章</li> <li>文章</li> <li>文章</li> </ol> です ところが、このパターンで作っても 書く文章の頭の数字が反映しないんです 尚、ここの機能でも画像が付けられるのは知ってますが ２枚以上は不可能な為、今回はＵＲＬでアップしました まず、この画像の様に http://firestorage.jp/download/b860f028da972e5727872947c5972f83ea6361ca ブログ本文の入力欄にタグを入れます そうすると、この画像の様に http://firestorage.jp/download/806717bfc7a2b188b7c45cd94b5fc2801b46367e プレビュー欄では数字が入って反映してるんです ところが、それで保存してブログを見ると この画像の様に http://firestorage.jp/download/0498e2fd108e1e8343927faa1d7bab620a01623b 何も入ってないんです 正確に言うと、小さい三角マークが出てるだけなんです これは、どうしてなんでしょうか？ ちなみに、これはブラウザが Ｆｉｒｅｆｏｘだから見えない訳じゃなく ＩＥでも確認しましたが、全く同じでした
- 締切済み
- その他（インターネット・Webサービス）
お礼
ありがとうございます。 このようなバグがあるのですね・・・ 初めて知りました。 早速修正してみます！ 本当にありがとうございました。