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

HTML(HyperText Markup Language)は、Webブラウザーに表示されるWebページやその他の情報を作成するための主要なマークアップ言語です。HTMLに関する質問には、最小限の再現可能な例と、何を達成しようとしているのかについての考えを含める必要があります。このタグが単独で使用されることはほとんどなく、[CSS]や[javascript]と組み合わせられることがよくあります。



18
1ピクセルの境界線がdivに追加されると、divのサイズが増加します。
クリックすると、1pxの境界線がdivに追加されるため、Divのサイズは2px X 2px増加します。divサイズを大きくしたくありません。そうするための簡単な方法はありますか? 乱雑な詳細説明実際には、コンテナーのdivにfloat:left(アイコンと同じサイズ)のDIVを追加しているため、すべてが次々に積み上げられ、(container-divの幅は300px)幅の左側にスペースがないため、子DIVは次の行にあるため、カタログと同様ですが、境界線のため、選択されたDIVサイズのみが増加するため、選択されたDIVの下のDIVは右に移動し、選択されたDIVの下に空のスペースを作成します。 編集: 選択時に高さ/幅を減らしますが、元に戻す方法。サードパーティのフレームワークを使用しているため、DIVが選択を失ったときにイベントは発生しません。
128 css  html  border 

7
JavaScriptを使用してリンクを作成するにはどうすればよいですか?
タイトルの文字列とリンクの文字列があります。JavaScriptを使用してページにリンクを作成するために2つを組み合わせる方法がわかりません。どんな助けでもありがたいです。 EDIT1:質問に詳細を追加します。これを理解しようとしているのは、RSSフィードがあり、タイトルとURLのリストがあるためです。タイトルをURLにリンクして、ページを使いやすくしたいと思います。 EDIT2:私はjQueryを使用していますが、jQueryをまったく使用していないので、この状況で役立つかもしれないことに気付きませんでした。

6
jQueryを使用してonClickイベントを動的に追加する
プラグインが使用されているため、通常のように「onClick」属性をHTMLフォーム入力に追加できません。プラグインが私のサイトのフォーム部分を処理していて、これを自動的に行うオプションがありません。 基本的に私はこの入力を持っています: <input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""> 次のようになるように、jQuery onloadでonClickを追加したいと思います。 <input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""> これを行うにはどうすればよいですか? これは標準的な方法ではないかもしれませんが、私の状況で行う最も簡単なオプションのようです。 私はjQueryの初心者なので、どんな助けにも感謝します。
128 javascript  jquery  html 

4
IE7は表示を理解しません:インラインブロック
誰かがこのバグを回避するのを手伝ってくれませんか?Firefoxでは正常に機能しますが、Internet Explorer 7では機能しません。理解していないようdisplay: inline-block;です。 html: <div class="frame-header"> <h2>...</h2> </div> css: .frame-header { height:25px; display:inline-block; }

11
画像をオーバーレイする方法
CSSを使用して、ある画像を別の画像にオーバーレイしたい。この例は、最初の画像(必要に応じて背景)が製品のサムネイルリンクで、リンクがライトボックス/ポップアップを開いて画像のより大きなバージョンを表示することです。 このリンクされた画像の上に、拡大鏡の画像が欲しいのですが、画像をクリックして拡大できることを人々に示したいと思います(どうやらこれは拡大鏡なしでは明白ではありません)。
127 html  css 

5
WebSocketを正しく閉じる(HTML5、JavaScript)
私はHTML5 WebSocketをいじっています。私はどうやって接続を優雅に閉じるのですか?たとえば、ユーザーがページを更新したり、ブラウザを閉じたりするとどうなりますか? ユーザーが呼び出しをせずにページを更新しただけでは奇妙な動作が発生しますwebsocket.close()-更新後に戻ったときにwebsocket.oncloseイベントにヒットします。

5
マークダウンで、ページのフラグメント、つまり#some_idにリンクする最良の方法は何ですか?
Markdownでページの別の領域を参照する方法を理解しようとしています。追加すると動作します <div id="mylink" /> そしてリンクのために: [My link](#mylink) しかし、私の推測では、Markdownでページはめ込みリンクを実行する他の方法があり、これにはまっすぐなdivタグは必要ありません。 何か案は?
127 html  markdown 

18
jQuery $ .getScript()メソッドを使用して複数のjsファイルを含める方法
JavaScriptファイルをjsファイルに動的に含めようとしています。私はそれについていくつかの調査を行い、jQuery $ .getScript()メソッドが望ましい方法であることを発見しました。 // jQuery $.getScript('/path/to/imported/script.js', function() { // script is now loaded and executed. // put your dependent JS here. // what if the JS code is dependent on multiple JS files? }); しかし、この方法で一度に複数のスクリプトをロードできるかどうか疑問に思っていますか?私がこれを尋ねているのは、私のJavaScriptファイルが複数のjsファイルに依存している場合があるためです。 前もって感謝します。

8
HTML文字コード8203とは何ですか?
文字コード(HTML)とは​?私はjQueryスクリプトの1つでそれを見つけ、それが何であるか疑問に思いました。 ありがとう。 編集: ここにスクリプトがありました(最後に追加され、Firebugで見つかりました) <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script type="text/javascript"> var $jnyh = jQuery.noConflict(); $jnyh(function() { $jnyh("#title-nyh").click(function() { $jnyh(".show-hide-nyh").slideDown("slow"); }, function() { if(!$jnyh(this).data('pinned')) $jnyh(".show-hide-nyh").slideUp("slow"); }); $jnyh("#title-nyh").click(function() { $jnyh(this).parent().toggleClass("title-btm-brdr"); $jnyh(this).toggleClass("chev-up-result"); var pin = $jnyh(this).data('pinned'); $jnyh(this).data('pinned', !pin); if(pin) $jnyh(".show-hide-nyh").slideUp("slow"); }); });​​ </script>

8
history.replaceState()の例?
だれでもhistory.replaceStateの実用的な例を示すことができますか?これはw3.orgが言うことです: history . replaceState(data, title [, url ] ) セッション履歴の現在のエントリを更新して、指定されたデータ、タイトル、および指定されていてnullでない場合はURLを指定します。 更新: これは完全に機能します: history.replaceState( {} , 'foo', '/foo' ); URLは変更されていますが、タイトルは変更されていません。それはバグですか、それとも何か不足していますか?最新のChromeでテスト済み。
127 javascript  ajax  html 

5
JavaScriptの名前による要素の取得
この関数を考えてみましょう: function validate() { var acc = document.getElementsByName('acc').value; var pass = document.getElementsByName('pass').value; alert (acc); } そして、このHTMLの部分: <table border="0" cellpadding="2" cellspacing="0" valign="top"> <tr> <td class="td1">Account</td> <td class="td2"><input type="text" name="acc" /></td> </tr> <tr class="td1"> <td>Password</td> <td class="td2"><input type="password" name="pass" /></td> </tr> </table> <div><button onClick="validate()" class="cupid-greenx">Login now</button></div> 警告ボックスは表示されていますが、「未定義」と表示されています。
127 javascript  html  dom 

3
<div>要素を並べて配置する
これはかなり単純な質問であることは知っていますが、私の人生ではそれを理解することができません。背景画像を適用した2つのリンクがあります。これは現在の外観です(影のことをお詫びします。ボタンの大まかなスケッチ)。 ただし、これらの2つのボタンを並べて表示する必要があります。アラインメントで何をする必要があるのか​​本当にわかりません。 これがHTMLです &lt;div id="dB"}&gt; &lt;a href="http://notareallink.com" title="Download" id="buyButton"&gt;Download&lt;/a&gt; &lt;/div&gt; &lt;div id="gB"&gt; &lt;a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton"&gt;Gallery&lt;/a&gt; &lt;/div&gt; ここにCSSがあります #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { width: 232px; height: 80px; background-position: -464px 0; …
127 css  html  alignment 

5
CSSでdisplay:inline-blockとfloat:leftを使用する利点
通常、複数を続けたい場合はをDIVs使用しますfloat: leftが、今ではdisplay:inline-block リンクの例はこちら。その私には思えるdisplay:inline-blockの良い方法であるalign DIVs行ではなく、そこに任意の欠点ですか?このアプローチがfloatトリックほど人気が​​ないのはなぜですか?
127 css  css-float  html 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.