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

私はこれと交互の行の色のテーブルを使用しています。 tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> コードスニペットを実行する結果を非表示スニペットを展開 ここではのクラスtrを使用していますが、だけに使用したいと思いtableます。テーブルにクラスを使用すると、これがtr代替に適用されます。 CSSを使用してこのようにHTMLを記述できますか？ <table class="alternate_color"> <tr><td>One</td><td>one</td></tr> <tr><td>Two</td><td>two</td></tr> </table> CSSを使用して行に「ゼブラストライプ」を持たせるにはどうすればよいですか？

462 html  css  html-table 

<base>HTMLタグが 実際にどこでも実際に使用されるのを見たことがありません。その使用に落とし穴がありますか？それは私がそれを避けるべきであることを意味しますか？ 最近のプロダクションサイト（または他のサイト）で使用されていることに気づかなかったという事実は、私のサイトのリンクを簡略化するための便利なアプリケーションのように見えるかもしれませんが、私はそれを恐れています。 編集する 数週間ベースタグを使用した後、ベースタグを使用することで、最初に登場したときよりもずっと望ましくないいくつかの主要な問題を見つけました。基本的に、への変更href='#topic'およびhref=''ベースタグの下では、非常に自分のデフォルトの動作と互換性、およびデフォルトの動作から、この変更は簡単に外にあなたのコントロールのサードパーティのライブラリを作ることができる非常に信頼性がありません 論理的にデフォルトの動作に依存するため、予期しない方法で。多くの場合、変更は微妙であり、大規模なコードベースを処理するときに、すぐには明らかにならない問題につながります。それ以来、以下で経験した問題を詳しく説明する回答を作成しました。したがって、の広範な展開を行う前に、リンクの結果を自分でテストしてください。これ<base>が私の新しいアドバイスです。

462 html  contextpath  base-tag 

Markdownで新しいウィンドウで開くリンクを作成する方法はありますか？そうでない場合、どの構文を使用することをお勧めしますか。使用するマークダウンコンパイラに追加します。オプションだと思います。

462 html  hyperlink  markdown  target  new-window 

ブラウザ間でCSSまたはHTMLを使用してチェックボックスのサイズを設定することは可能ですか？ widthそして、sizeIE6 +での作業ではなく、私は小さいサイズを設定しても、チェックボックスステー16×16のFirefox、と。

459 html  css 

私がやりたいことは、特定のものdivがホバーされると、別ののプロパティに影響を与えることdivです。 例えば、でこのJSFiddleデモ、ときにホバーを超える#cubeことに変更background-colorはなく、私が欲しいのは、私が上にマウスを移動するときということで#container、#cube影響を受けています。 div { outline: 1px solid red; } #container { width: 200px; height: 30px; } #cube { width: 30px; height: 100%; background-color: red; } #cube:hover { width: 30px; height: 100%; background-color: blue; } <div id="container"> <div id="cube"> </div> </div> コードスニペットを実行する結果を非表示スニペットを展開

459 html  css  hover 

私は次の要素を持っています： <script type="text/javascript" src="https://cdn.example.com/js_file.js"></script> この場合、サイトはHTTPSですが、サイトは単なるHTTPの場合もあります。（JSファイルは別のドメインにあります。）便宜上、次の操作を行うことが有効かどうか疑問に思っています。 <script type="text/javascript" src="//cdn.example.com/js_file.js"></script> http:またはを削除することが有効かどうか疑問に思っていhttps:ますか？ 私がテストしたすべての場所で動作するようですが、動作しない場合はありますか？

458 html  http  https  uri  protocol-relative 

非常に奇妙な要件があります。HTMLのドロップダウンメニューで、デフォルトでオプションを選択する必要はありません。しかしながら、 これは使えません <select> <option></option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> コードスニペットを実行する結果を非表示スニペットを展開 これは、最初のオプションを処理するために検証を行う必要があるためです。選択タグの一部として最初のオプションを実際に含めることなく、この目標を達成するのを手伝ってくれる人はいますか？

458 html 

別のdiv内に2つのdivがあり、1つの子divを親divの右上に配置し、もう1つの子divをcssを使用して親divの下部に配置したいと思います。つまり、2つの子divで絶対配置を使用したいが、ページではなく親divに対して相対的に配置したい。これどうやってするの？ サンプルhtml： <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

457 html  css 

スタイルとマークアップがあるとします。 ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …

455 html  css  overflow 

このようなhtmlフォームをネストすることは可能ですか？ <form name="mainForm"> <form name="subForm"> </form> </form> 両方のフォームが機能するように？私の友人はこれに問題を抱えています、subFormそれは作品の一部ですが、別の部分はそうではありません。

451 html  nested-forms 

私はページ構造を次のようにしています： <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> これで、child-leftDIVのコンテンツが増えるため、parentDIVの高さは子DIVに従って増加します。 しかし、問題はchild-right高さが増えていないことです。親と同じ高さにするにはどうすればよいですか？

450 html  css  layout 

私の経験では、input type="text" onchangeイベントは通常blur、コントロールを離れた（）後にのみ発生します。 コンテンツが変更さonchangeれるたびにブラウザーを強制的にトリガーする方法はありtextfieldますか？そうでない場合、これを「手動で」追跡する最もエレガントな方法は何ですか？ onkey*フィールドを右クリックして[貼り付け]を選択できるため、イベントの使用は信頼できません。これにより、キーボード入力なしでフィールドが変更されます。 あるsetTimeout唯一の方法は？..醜い:-)

449 javascript  html  forms 

私はいくつかの画像とそのロールオーバー画像を持っています。jQueryを使用して、onmousemove / onmouseoutイベントが発生したときにロールオーバー画像を表示/非表示にします。次のように、すべての画像名は同じパターンに従います。 元の画像： Image.gif ロールオーバー画像： Imageover.gif 画像ソースの「over」部分をそれぞれonmouseoverイベントとonmouseoutイベントに挿入および削除します。 jQueryを使用してどうすればよいですか？

443 jquery  html 

タグボックスのドロップダウンを使用するWebアプリケーションを作成しました。これは、Chromeブラウザー（バージョン21.0.1180.89）を除くすべてのブラウザーで正常に動作します。 フィールドと属性を持つinputフィールドの両方にもかかわらず、Chromeは、フィールドの以前のエントリのドロップダウン履歴を表示することを要求します。これにより、タグボックスリストが消去されます。formautocomplete="off"

443 html  google-chrome  autocomplete  forms 

<input>JavaScriptでフォームテキストフィールドのデフォルト値をどのように設定しますか？

442 javascript  html  forms  input