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

OverаэтотвопросестьответынаStack Overflowнарусском：Использованиеизображениявместорадио-кнопки ボタン付きのラジオグループがある場合： ...ボタンではなく選択オプションで画像のみを表示するにはどうすればよいですか。

167 html  css 

どうやら、これは私が思っていたよりも見つけるのが難しいです。そしてそれはとても簡単です... JavaScriptに組み込まれたPHPのhtmlspecialcharsに相当する関数はありますか？それを自分で実装するのはかなり簡単ですが、組み込み関数を使用できる場合はそれを使用する方が優れています。 PHPに慣れていない人のために、はhtmlspecialcharsは次のようなものを翻訳<htmltag/>へ<htmltag/> 私はそれを知ってescape()おり、encodeURI()このように動作しません。

167 javascript  html  escaping  html-encode 

私は次のように機能するはずのネストされたフレックスボックスレイアウトに取り組んでいます。 最も外側のレベル（ul#main）は水平方向のリストであり、さらに項目が追加されると、右側に展開する必要があります。大きくなりすぎる場合は、水平スクロールバーが必要です。 #main { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; /* ...and more... */ } このリストの各項目（ul#main > li）には、ヘッダー（ul#main > li > h2）と内部リスト（ul#main > li > ul.tasks）があります。この内部リストは垂直であり、必要に応じて列に折り返す必要があります。より多くの列に折り返す場合、より多くのアイテムのためのスペースを作るために、その幅を増やす必要があります。この幅の増加は、外側のリストの包含アイテムにも適用されます。 .tasks { flex-direction: column; flex-wrap: wrap; /* ...and more... */ } 私の問題は、ウィンドウの高さが小さくなりすぎても、内部リストが折り返されないことです。私はすべてのflexプロパティを何度も改ざんし、CSS-Tricksのガイドラインに細心の注意を払って試みましたが、うまくいきませんでした。 このJSFiddleは、これまでのところを示しています。 期待される結果 （私が欲しいもの）： 実際の結果 （私が得るもの）： 古い結果 （2015年に取得したもの）： 更新 いくつかの調査の後、これはより大きな問題のように見え始めています。主要なブラウザはすべて同じように動作し、フレックスボックスのデザインがネストされていることとは関係ありません。さらにシンプルなフレックスボックスの列レイアウトでは、アイテムが折り返されるときにリストの幅を増やすことを拒否します。 この他のJSFiddleは問題を明確に示しています。Chrome、Firefox、IE11の現在のバージョンでは、すべてのアイテムが正しく折り返されます。rowモードではリストの高さは増加しますが、モードでは幅は増加しませんcolumn。また、columnモードの高さを変更しても、要素の即時のリフローはまったくありませんが、rowモードにはあります。 …

167 html  css  flexbox 

DIV要素内のテキストを動的に設定する必要があります。ブラウザを安全に使用するための最善の方法は何ですか？私はprototypejsとscriptaculousを利用できます。 <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> 関数は次のようになります。 function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here }

166 javascript  html  dom 

background-imageSVG <path>要素にを設定することは可能ですか？ たとえば、要素を設定した場合class="wall"、CSSスタイルは.wall {fill: red;}機能しますが、.wall{background-image: url(wall.jpg)}機能しません.wall {background-color: red;}。

166 html  css  image  svg  background-image 

（XHTML Strict）ページがあり、テキストの通常の段落と一緒に画像をフロートさせます。段落の代わりにリストを使用する場合を除いて、すべてうまくいきます。リストの箇条書きは、浮動画像に重なっています。 リストまたはリストアイテムの余白を変更しても効果はありません。マージンはページの左側から計算されますが、フロートはリストアイテムをページ内の右側にプッシュしliます。したがって、マージンは、イメージよりも広くした場合にのみ役立ちます。 画像の横にあるリストをフローティングにすることもできますが、リストがフロートの横にあるときはわかりません。これを修正するためだけにコンテンツのすべてのリストをフロートしたくありません。また、画像をリストの左ではなく右にフロートすると、左にフロートするとレイアウトがめちゃくちゃになります。 設定li { list-style-position: inside }により、箇条書きがコンテンツと一緒に移動しますが、上の行ではなく折り返される行が箇条書きに揃えられます。 この問題は明らかに、弾丸がボックスの外側にレンダリングされ、フロートがボックスのコンテンツを（ボックス自体ではなく）右に押しているために発生します。これがIEとFFがこの状況を処理する方法であり、私の知る限り、仕様によると問題ではありません。問題は、どうすればそれを防ぐことができるかということです。

166 html  css 

両方ある<h1><a ...> ... </a></h1>と<a ...><h1> ... </h1></a>有効なHTML、または一方のみが正しいのですか？両方が正しい場合、意味が異なりますか？

166 html  semantics 

私のCSS： #content_right_head span { display:inline-block; width:180px; overflow:hidden !important; } 現在、コンテンツcontentを表示しています でもコンテンツのように見せたい ... コンテンツの後にドットを表示する必要があります。コンテンツはデータベースから動的に取得されます。

166 html  css 

を設定することで、divコンテナがページの高さ全体を占めるようにする方法を見つけましたmin-height: 100%;。ただし、ネストされたdivを追加してsetするとheight: 100%;、コンテナーの高さまで伸びません。それを修正する方法はありますか？ html, body { height: 100%; margin: 0; } #containment { min-height: 100%; background: pink; } #containment-shadow-left { height: 100%; background: aqua; } <div id="containment"> <div id="containment-shadow-left"> Hello World! </div> </div> コードスニペットを実行する結果を非表示スニペットを展開

166 css  html 

HTMLをPNGのような画像にレンダリングする方法はありますか？canvasでそれが可能であることは知っていますが、たとえばdivのような標準のhtml要素をレンダリングしたいと思います。

166 javascript  html  css  image  render 

ボタンのあるHTMLページがあります。そのボタンをクリックすると、REST WebサービスAPIを呼び出す必要があります。どこでもオンラインで検索してみました。全く手がかりはありません。誰かがこれについてリード/ヘッドスタートをくれますか？非常に高く評価。

166 javascript  html  rest  web-services 

なぜ<fieldset>タグが必要なのですか？どんな目的であれ、おそらくformタグのサブセットです。 私はW3Schoolsでいくつかの情報を調べました。 <fieldset>タグは、フォームのグループに関連する要素に使用されます。 <fieldset>タグは、関連する要素の周りにボックスを描画します。 「なぜ仕様にあるのか」と「何をするのか」を間違えている人のためのより詳しい説明。描画部分は無関係であり、フォーム内の関連する要素をグループ化するためだけに特別なタグが必要な理由はわかりません。

165 html  fieldset 

target="_blank"HTML5では、HTML5で使用するのはもはや問題であるとどこかで読んだことを覚えていますが、今は見つかりません。 使い続けても大丈夫target="_blank"ですか？ 私はそれが一般に悪い考えと考えられていることを知っていますが、PDFのようなもののために新しいウィンドウを開く最も簡単な方法であり、JavaScriptに依存する必要もありません。

165 javascript  html  window 

<script type="text/javascript"> /* ... */ </script> 対 <script language="Javascript"> /* ... */ </script> どちらを使用する必要がありますか？その理由は？ または、3番目の選択肢：jQueryのAPIリファレンスのサンプルコードなど、これらのいずれかを省略します。 <script src="http://code.jquery.com/jquery-latest.js"></script>

165 javascript  html 

私は現在、html5およびjQuery for iPad Safariを使用してWebアプリを開発しています。大きなスクロール領域が原因で、画面の外にある要素が下にスクロールしたときに遅れて表示されるという問題が発生しています。 つまり、画面外にある画像（またはグラデーションのあるdiv）の行がある場合、下（または上）にスクロールすると、期待される動作は要素が画面に次のように表示されることです。私はそれにスクロールしています。 しかし、私が見ているのは、画面から指を離してスクローラーがすべてのアニメーションを完了するまで、要素が表示されないことです。 これは私にとって非常に顕著な問題を引き起こし、全体が不安定に見えますが、そうではありません。iPad Safariがメモリを節約するために何かしようとしているのだと思います。この途切れが起きないようにする方法はありますか？さらに、iPad Safariが実際に何をしようとしているのかを誰かに明かしていただければ幸いです。

165 css  ios  ipad  html  mobile-safari