問題タブ [html-heading]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
834 参照

css - HTML/CSS: 左揃えの見出しテキストの左側にセクション番号をぶら下げる

CSS でハンギング セクション番号を作成するにはどうすればよいですか? 言い換えると、

  • 見出しテキストは、テキストと同じ水平位置で左揃えにする必要がありますが、
  • セクション番号 セクション番号は、左側の列に「ぶら下がっている」必要があります。

おそらくこれを説明する最も良い例は、番号付きリストのブラウザのレンダリングです:


  1. 見出し 1

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labe et dolore magna aliquyam erat, sed diam voluptua.

  2. 見出し 2

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labe et dolore magna aliquyam erat, sed diam voluptua.


見出しタグの前に数字を使用してCSSでこれを行う適切な方法はありますか(すべてのレベルで)?

変更する HTML の簡単な例:

0 投票する
3 に答える
28581 参照

html - CSS を使用して 2 つの見出しを隣り合わせに配置するにはどうすればよいですか?

次のように、 Categoryautoを別々の行に配置します。

カテゴリー

自動

このように、両方を同じ行に配置するにはどうすればよいですか?

カテゴリー 自動車

0 投票する
3 に答える
592 参照

css - CSS は、前の見出しクラスに基づいて段落スタイルを設定できますか?

そこで、インタビューのトランスクリプト用にいくつかの CSS ルールを作成したいと思います。私が考えているフォーマットは次のようになります。

前の見出しのクラスに基づいて、段落を特定の色にしたいと思います。HTMLマークアップを大幅に簡素化するため、これを行う方法はありますか。

0 投票する
1 に答える
260 参照

firefox - 見出しが IE7 で消え、FF で色が変わるのはなぜですか?

これはおそらく簡単な修正ですが、私は困惑しています。URL は次のとおりです: http://urgent.mchenry.edu

まず、ヘッダーのurgent.mchenry.eduテキストボックスの下にh2 w/ class="caps"と"Official McHenry County College Update"というテキストがあります。ただし、IE7では完全になくなります。行った。

!important 宣言で ie.css を微調整しましたが、それでもうまくいきません。何を与える?

次に、FF では、ソース コードにアンカー タグがないにもかかわらず、同じ h2 にいくつかの奇妙な a:hover 状態がありますが、FF は独自のアンカー タグを挿入します。Firebug を使用して、私が話していることを確認してください。

上記の 2 点に関するヘルプをいただければ幸いです。ところで、私は XP/FF 3.5 と IE8 を実行しています。

0 投票する
1 に答える
3997 参照

css - 見出しの右側に「編集」リンクをフロートします (見出しタグ ブロックを保持する必要があります)。

次のhtmlが与えられた場合

そして次のcss

「編集」リンクをh1タグの右側にフロートさせる方法を理解するのに苦労していますが、h1タグをブロック要素として保持して、下線(border-bottom)を付けます

誰かアドバイスをくれませんか...以前にこれをやったことがありますか? 前もって感謝します

0 投票する
5 に答える
41554 参照

html - 見出しをHTMLでラップするように強制する

PDFドキュメントを表示するWebページがあります。ヘッダーには、画像と名前を含むh1タグがあります。名前が長すぎると、切り捨てられます。名前全体が表示されるように、代わりに次の行に折り返すように強制するにはどうすればよいですか?挿入してみましたstyle="white-space:normal"が、うまくいきません。助言がありますか?

0 投票する
2 に答える
1814 参照

javascript - JavaScript / jQuery: font-size を変更して設定幅を埋めることは可能ですか?

私はアプリケーションを書いていますが、その中に可変フォントサイズの h1 要素をいくつか入れたいと思っています。

div の全幅 (1000px) をリミッターとして使用し、改行なしで div の幅に収まるように h1 要素のフォントを自動的に設定するスクリプトを使用します。

これは php GD で行うのは非常に簡単ですが、私はこれをクライアント側で行いたいと考えました。

0 投票する
3 に答える
272 参照

css - HTML見出しタグのスタイルを複製する方法

<h3>CSSを使用してタグのスタイルを複製する方法を教えてもらえますか?

0 投票する
3 に答える
7569 参照

html - 優れたHTML5アウトライナーとは何ですか?

私はDiveIntoHTML5を読んでいますが、Markは次のように述べています。

「 HTML5アウトライナーで自分のページをテスト して、見出し要素が適切に使用されていることを確認できます。」

このHTML5アウトライナーを試してみましたが、インターネットで見つけた他のHTML5ページの概要を説明することで機能することがわかりました。

問題は、これがすべてのページ(主にWordpressテーマ用に作成したページ)で機能するとは限らず、エラーメッセージがわかりにくいことです。問題の要素を参照しているように見えますが(<section>たとえば)、ページ上でどの要素について話しているのかを特定することはあまりありません。つまり、バリデーターのように行番号を指定します。

html5の概要を読み取ることができる他のプログラムをいくつか見つけましたが、それらが現在のHTML5仕様では古くなっている可能性がある初期の実装である可能性があるのではないかと心配しています。

そのため、ページをテストして、自分(HTML5の初心者)が読み取り可能なツールで正しく読み取れるドキュメントの概要を作成していることを確認できる、より簡潔なエラーメッセージを含む別のプログラムやWebサイトなどがあるかどうか疑問に思いました。 HTML5ドキュメントの概要。

0 投票する
1 に答える
988 参照

javascript - Ckeditorツールバーボタン、見出しタグをラップするボタンを取得するにはどうすればよいですか

見出しタグでコンテンツをラップするためのボタンを提供する ckeditor に追加できるツールバー構成名があるかどうか、誰かが知っているかどうか疑問に思っていましたか?

たとえば、太字のボタンと同じように、単語を強調表示して「h1」または「h2」をクリックしますか?

ドキュメントを調べましたが、考えられるすべてのツールバー ボタンの包括的なリストが見つからないようです。