プログラミング html

9

私は独特で苛立たしい問題を抱えています。単純なマークアップの場合： <table> <thead> <tr><th>1</th><th>2</th><th>3</th></tr> </thead> <tbody> <tr><td>a</td><td>b></td><td>c</td></tr> <tr class='odd'><td>x</td><td>y</td><td>z</td></tr> </tbody> </table> thead、tr、およびtrの奇数要素に異なる背景色の値を適用します。問題は、ほとんどのブラウザで、すべてのセルに、テーブルの行の色ではない不要な境界線があることです。Firefox 3.5でのみ、テーブルのセルに境界線がありません。他の主要なブラウザでこれらの境界線を削除して、表に表示されるのは行の色が交互になるだけになるようにする方法を知りたいだけです。

86 html css html-table

7

HTMLでhrefの代わりにJavaScript関数を呼び出す方法

HTMLのモックアップがあります <a href="javascript:ShowOld(2367,146986,2)"><img title="next page" alt="next page" src="/themes/me/img/arrn.png"></a> リクエストを送信したときにサーバーから応答を受け取りました。このモックアップを使用して、コードをサーバーに送信するAJAXリクエストの応答として取得しました。さて、すべてが順調ですが、リンクをクリックすると、ブラウザはリンクとして関数を開きたいと思っています。クリックした後、アドレスバーが次のように表示されます。 javascript:ShowOld(2367,146986,2) これをFirebugで実行したい場合は、ブラウザのURLを意味します。誰かがリンクをクリックすると、ブラウザはブラウザでそれらを開こうとするのではなく、DOMにすでにロードされている関数を呼び出そうとします。

86 javascript html debugging

6

Bootstrapのフッターを修正しました

Bootstrapを試していますが、コンテンツがスクロールされた場合にページからフッターが消えることなく、下部のフッターを修正するにはどうすればよいでしょうか。

86 html css twitter-bootstrap footer

3

ヘッダー内のアンカー、またはその逆-SEOに関して違いはありますか？[閉まっている]

閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。この質問を改善したいですか？質問を更新して、スタックオーバーフローのトピックになります。 6か月前に閉鎖されました。この質問を改善する Wordpressのブログなどを作成するとき、私はいつもこれ（かなり単純な質問）に出くわします。リンクでもある見出しをアンカー<a>要素でラップする必要がありますか、それともその逆にする必要があります。なぜ？（1）： <a href="foo"> <h1>bar</h1> </a> （2）： <h1> <a href="foo">bar</a> </h1> 見出しがリンクで囲まれているのは私にはもっと論理的に思えるので、私はいつも（1）をすることになります。たとえばSEOに何か違いはありますか？SEOランキングを反映しますか？

86 html hyperlink seo semantics

3

CSS：selected疑似クラス：checkedに似ていますが、<select>要素用です

<option>要素内で現在選択されている要素のスタイルを設定する方法はあり<select>ますか？次に、現在選択されているオプション要素に背景色を付けることができますか？そうすれば、閉じたドロップダウンに現在表示されているオプションのスタイルを設定できます。

86 html css css-selectors pseudo-class

4

ブラウザのES6モジュール：Uncaught SyntaxError：予期しないトークンのインポート

私はへの新たなんだES6（ECMAScriptの6）、と私はその使用したいモジュールシステムをブラウザに。ES6はFirefoxとChromeでサポートされていると読みましたが、次のエラーが発生します。export Uncaught SyntaxError: Unexpected token import test.htmlファイルがあります <html> <script src="test.js"></script> <body> </body> </html> およびtest.jsファイル 'use strict'; class Test { static hello() { console.log("hello world"); } } export Test; どうして？

86 javascript html ecmascript-6 module es6-modules

3

CSSの垂直方向の整列はfloatでは機能しません

どのようにして使用することができるvertical-alignだけでなく、float内divのプロパティ？をvertical-align使用しない場合は正常に動作しfloatます。しかし、フロートを使用すると、機能しません。float:right最後のdivにを使用することが重要です。私は以下を試しています、すべてのdivからfloatを削除すると、正常に機能します： <div class="wrap"> <div class="left">First div, float left, has more text.</div> <div class="left2">Second div, float left </div> <div class="right">Third div, float right</div> </div> CSS： .wrap{ width: 500px; overflow:hidden; background: pink; } .left { width: 150px; margin-right: 10px; background: yellow; float:left; vertical-align: middle; display:inline-block } .left2 { width: 150px; margin-right: …

86 html css vertical-alignment

9

スクロールバーをhtmlテーブルに表示する方法

設定されたサイズを維持するためにhtmlテーブルが必要なページを書いています。テーブルの上部にあるヘッダーを常に表示する必要がありますが、テーブルに追加された行数に関係なく、テーブルの本体もスクロールする必要があります。このURLのメソッド2のように見せたい：http：//www.cssplay.co.uk/menu/tablescroll.html これを試しましたが、スクロールバーが表示されません。 tbody { height: 80em; overflow: scroll; } <table border=1 id="qandatbl" align="center"> <tr> <th class="col1">Question No</th> <th class="col2">Option Type</th> <th class="col1">Duration</th> </tr> <tbody> <tr> <td class='qid'></td> <td class="options"></td> <td class="duration"></td> </tr> </tbody> </table> コードスニペットを実行する結果を非表示スニペットを展開

86 html css scroll html-table overflow

2

Chrome拡張機能から現在のページのソースHTMLを取得する

Chrome拡張機能があります。現在のページのHTMLソースから分析する必要があります。ここで、バックグラウンドページとコンテンツスクリプトを使用したあらゆる種類のソリューションを見つけましたが、どれも役に立ちませんでした。これが私がこれまでに持っているものです： manifest.json： { "name": "Extension", "version": "1.0", "description": "Extension", "browser_action": { "default_icon": "bmarkred.ico", "popup": "Test.html" }, "content_scripts": [ { "matches": ["http://*/*"], "js": ["content.js"] } ], "background": { "page": "backgroundPage.html" }, "permissions": [ "cookies", "tabs", "http://*/*", "https://*/*" ] } background.html： <html> <head> <script type="text/javascript"> try { chrome.tabs.getSelected(null, function (tab) { chrome.tabs.sendRequest(tab.id, …

86 html google-chrome-extension

4

indexedDBはHTML5ローカルストレージと概念的にどのように異なりますか？

indexedDBとローカルストレージはどちらもKeyValueストアです。2つのKey / Valueストアを持つことの利点は何ですか？ indexedDBは非同期ですが、結合（最も時間のかかるもの）は手動です。それらは、非同期呼び出しが行われたのと同じスレッドで実行されているように見えます。これはどのようにUIをブロックしませんか？ indexedDBはより大きなストアを可能にします。HTML5ストアのサイズを大きくしてみませんか？頭をかいてます。indexedDBのポイントは何ですか？

86 javascript html indexeddb

1

Create-React-Appアプリケーションのindex.htmlとindex.jsの間の接続はどこにありますか？

Create React Appを使い始めましたが、がどのようにindex.js読み込まれるのか理解できませんindex.html。これはhtmlコードです： <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> <!-- Notice the use of %PUBLIC_URL% in the tag above. It will be replaced with the URL of the `public` folder during the build. Only files inside the `public` folder can be …

86 javascript html reactjs create-react-app

6

ブートストラップ-ボタンをカードの下部に揃えます

card-deckとcardクラスを使用するブートストラップの例の1つを覗いていました（価格設定の例）。リストの1つに他のリストよりもアイテムが少ない場合、ボタンの配置を修正するにはどうすればよいのでしょうか。すべてのボタンを（各カードの下部に）垂直に配置したいのですが、これを行う方法がわかりませんでした。.align-bottomクラスを設定し、ボタンをでラップしてみました<div class="align-text-bottom">。また、スペースの追加に関するこの質問からのいくつかの提案を試しましたが、それでも成功しません（また、リストの残りのスペースを埋めるように間隔を可変にする必要があります）。折り返す<div class="card-footer bg-white">と、カードの下部にあるボタンが整列せず、その周りに何らかの境界線が作成されるため、目的の結果が得られませんでした。誰かアイデアがありますか？編集：これは問題に似たjsfiddleです。

86 html css twitter-bootstrap bootstrap-4

9

DOMコンテナを介してハイチャートチャートにアクセスするにはどうすればよいですか？

highcharts-chartをdivコンテナーにレンダリングする場合、div-Containerを介してチャートオブジェクトにアクセスするにはどうすればよいですか？チャート変数をグローバルにしたくありません。 var chart = new Highcharts.Chart({ chart: { renderTo: "testDivId", ... 関数を呼び出すために、このような上記のコンテキスト（擬似コード）の外でチャートにアクセスしたいと思います。 var chart = Highcharts.Chart("testDivId"); //access from id chart.redraw();

85 javascript jquery html dom highcharts

9

jQueryを使用してDIVから高さスタイルを削除するにはどうすればよいですか？

デフォルトでは、DIVの高さはその内容によって決定されます。しかし、私はそれをオーバーライドし、jQueryで明示的に高さを設定します： $('div#someDiv').height(someNumberOfPixels); どうすればそれを元に戻すことができますか？高さスタイルを削除して、自動/自然の高さに戻したいですか？

85 jquery html css layout

6

Bootstrap 3のグリッドクラス（col-sm-＃およびcol-lg-＃）を理解する

Bootstrap 3を使い始めましたが、グリッドクラスの使用方法を理解するのに問題があります。これが私がこれまでに理解したことです：クラスcol-sm-#とはcol-lg-#昔ながらのものとは異なるようですcol-#画面が特定のサイズ（それぞれ768pxと992px）を超えている場合にのみ適用されるというようです。-sm-または-lg-を省略すると、divが1つの列に折りたたまれることはありません。ただし、行内に2つのdivを作成すると、両方ともウィンドウの幅が768px〜992pxの場合にのみ並んでcol-sm-6いるように見えます。つまり、ウィンドウを完全に縮小してからゆっくりと拡大すると、レイアウトは1列、次に2列、そして再び1列に戻ります。これは意図された動作ですか？ 768pxを超えるものに2つの列が必要な場合、両方のクラスを適用する必要がありますか？（<div class="col-sm-6 col-lg-6">） col-6 また含める必要がありますか？<div class="col-6 col-sm-6 col-lg-6">

85 html css twitter-bootstrap twitter-bootstrap-3

タグ付けされた質問 「html」

タグ付けされた質問「html」