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

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

4
ページにsrc属性の代わりにiframeのコンテンツを指定する
私は現在、写真をアップロードするためのいくつかのファイル入力を含むフォームに取り組んでいます。onchange()これらの入力には、画像をに送信しiframe、アップロードされた画像をフォームに動的にロードするイベントがあり、フィールドを変更する必要があります(名前や地理的ローカリゼーションなど)。 フォームをネストできないため、file_inputもに含まれていiframeます。結局、私iframeは別の内部を使用しますiframe。だから私はこのようなものを持っています: <form> <!-- LOTS OF FIELDS!! --> <iframe src="file_input_url"> <!-- iframe which loads a page of a form with a file input--> </iframe> </form> そして、HTMLはにロードされたiframeようなものです(除くhtml、headおよびbodyタグ) <form target="upload_iframe"> <input type="file" onchange="this.form.submit()"> </form> <iframe name="upload_iframe"></iframe> これは、最初のをロードするのに数秒かかるという事実を除いて、iframeうまく機能します。そのため、ファイル入力はページの残りの部分と一緒にロードされません。これは視覚的に理想的ではありません。iframe別のページ(file_input_url最初ので指定)をロードせずにコンテンツを指定できれば、それを解決できますiframe。 iframe同じドキュメントのコンテンツを指定する方法はありますか、それともsrc属性でのみ指定でき、別のページをロードする必要がありますか?
88 html  iframe 

4
動的幅(CSS)の中央固定div
私はこのCSSを持つdivを持っています: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } さて、どうすればこのdivを中央に配置できますか?使用できますmargin-left: -450px; left: 50%;が、これは画面が900ピクセルを超える場合にのみ機能します。その後(ウィンドウが900ピクセル未満の場合)、中央に配置されなくなります。 もちろん、ある種のjsでこれを行うことはできますが、CSSでこれを行う「より正しい」方法はありますか?
88 css  html  center 

5
クロスオリジン属性の目的…?
画像タグとスクリプトタグの両方。 私の理解では、他のドメインのスクリプトとイメージの両方にアクセスできます。では、いつこの属性を使用するのでしょうか。 これは、他の人が自分のスクリプトや画像にアクセスする機能を制限したい場合ですか? 画像: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-crossorigin スクリプト: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script

5
Facebookスタイルの「赤」通知の最も簡単なCSS
Facebookスタイルの通知が必要ですが、クロスブラウザで見栄えのするものを取得するのは難しいようです。たとえば、ブラウザが異なればパディングの処理も異なるようで、通知の外観がおかしくなります。 通知が適切に表示されるようにするための最良のクロスブラウザー方法は何ですか?javascriptの使用に悪影響はありませんが、もちろん純粋なcssが望ましいです


6
ブラウザの戻るボタンで戻ると、フォームのすべてのフィールドをクリアします
ユーザーがブラウザの戻るボタンを使用したときに、フォーム内のすべてのフィールドをクリアする方法が必要です。現在、ブラウザは最後の値をすべて記憶しており、戻ったときにそれらを表示します。 これが必要な理由をさらに明確にするために 、特定のデータグループ内で一意にするためのアルゴリズムを使用して値が自動生成される無効な入力フィールドがあります。フォームを送信してデータをデータベースに入力すると、ユーザーは同じ値を再度使用して同じフォームを送信できなくなります。したがって、最初に入力フィールドを無効にしました。ただし、ユーザーがブラウザの[戻る]ボタンを使用すると、ブラウザは最後の値を記憶し、同じ値が入力フィールドに保持されます。したがって、ユーザーは同じ値でフォームを再度送信できます。 私が理解していないのは、ブラウザの戻るボタンを押したときに正確に何が起こるかです。ページサイズがブラウザのキャッシュ制限内にある場合、サーバーに接続せずにページ全体がキャッシュから取得されるようです。ブラウザの戻るボタンを押したときに、ブラウザの設定に関係なく、ページがサーバーから読み込まれるようにするにはどうすればよいですか?
88 html  forms 


6
xpathを使用したCSSクラスの選択
.dateという名前のクラスだけを選択したい 何らかの理由で、これを機能させることができません。誰かが私のコードの何が悪いのか知っているなら、それは大いに感謝されるでしょう。 @$doc = new DOMDocument(); @$doc->loadHTML($html); $xml = simplexml_import_dom($doc); // just to make xpath more simple $images = $xml->xpath('//[@class="date"]'); foreach ($images as $img) { echo $img." "; }
87 php  html  xml  xpath  web 

8
ページのTwitterブートストラップタブを中央に配置するにはどうすればよいですか?
Twitterブートストラップを使用して、切り替え可能なタブを作成しています。これが私が使っているCSSです: <div class="container"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#messages" data-toggle="tab">Messages</a></li> <li><a href="#settings" data-toggle="tab">Settings</a></li> </ul> </div> このhtmlはタブを正しく表示しますが、左側に引っ張られます(これが起こるはずです)。CSSをいじってタブをページの中央に配置しようとしましたが、まだうまくいきません。私は、CSSの経験が豊富な方なら、これを行う方法を知っていると思いました。 メモとして、ナビピルの中央揃えについて別の質問がありますが、試してみましたが、単純なナビタブだけでは機能しませんでした。 ありがとう。

14
IFrame(HTML)は廃止されましたか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 そのことについて矛盾するメッセージを得ること、彼らがそうでないことを願っています。膨大な数のサイトで使用されているため、サポートが停止することは想像できません。 それに関するいくつかの追加の質問: このタグを段階的に廃止する必要があるのはなぜですか? その代わりはありますか?
87 html  iframe  obsolete 

9
幅がそれぞれ50%の2つのインラインブロック要素が、1つの行に並べては収まりません
<!DOCTYPE html> <html> <head> <title>Width issue</title> <style type="text/css"> body { margin: 0; } #left { width: 50%; background: lightblue; display: inline-block; } #right { width: 50%; background: orange; display: inline-block; } </style> </head> <body> <div id="left">Left</div> <div id="right">Right</div> </body> </html> JSFiddle:http ://jsfiddle.net/5EcPK/ 上記のコードは、#left divと#right divを1つの行に並べて配置しようとしています。しかし、上記のJSFiddle URLを見るとわかるように、そうではありません。 1つのdivの幅を49%に減らす問題を解決できます。http://jsfiddle.net/mUKSC/を参照してください。ただし、2つのdivの間に小さなギャップが生じるため、これは理想的なソリューションではありません。 私が問題を解決できる別の方法は、両方のdivをフローティングにすることです。http://jsfiddle.net/VptQm/を参照してください。これは正常に動作します。 しかし、私の元の質問は残ります。両方のdivがインラインブロック要素として保持されているのに、それらが並んでフィットしないのはなぜですか?
87 html  css 

10
スパンまたはdivを水平に配置するにはどうすればよいですか?
私の唯一の問題は、それらを3つに並べ、等間隔にすることです。どうやら、スパンは幅を持つことができず、div(およびdisplay:blockのあるスパン)は横に並べて表示されません。提案? <div style='width:30%; text-align:center; float:left; clear:both;'> 私が今持っているものです。
87 css  html 

7
onclick開いているウィンドウと特定のサイズ
私はこのようなリンクを持っています: <a href="/index2.php?option=com_jumi&fileid=3&Itemid=11" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,') 新しいオープニングウィンドウを特定のサイズで開きたい。高さと幅を指定するにはどうすればよいですか?
87 javascript  html 

4
ラベルをクリックしてHTMLラジオボタンを切り替えます
小さなPHPプロジェクトに大きなJavascriptフレームワークを導入せずに、ラジオボタンを切り替える簡単な方法(近くのテキストがクリックされたとき)はありますか? Webフォームは次のようになります。 <html> <body> <form method="post"> <p>Mode:<br /> <input type="radio" name="mode" value="create"><i>create table</i><br /> <input type="radio" name="mode" value="select" checked>select records (can specify id)<br /> <input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br /> <input type="radio" name="mode" value="delete">delete records (must specify id)<br /> <input type="radio" name="mode" value="drop"><i>drop table</i><br /> </p> …

13
CSSを使用してホバー時に画像にズーム効果を作成しますか?
現在、4つの画像の1つにカーソルを合わせるとズーム効果を作成しようとしています。問題は、ほとんどの例で、通常、テーブルまたはマスクdivを使用して何らかの効果を適用することです。 これが私がこれを望むものを実装する1つの例です。 これはこれまでの私のコードです。 HTML <div id="menu"> <img class ="blog" src="http://s18.postimg.org/il7hbk7i1/image.png" alt=""> <img class ="music" src="http://s18.postimg.org/4st2fxgqh/image.png" alt=""> <img class ="projects" src="http://s18.postimg.org/sxtrxn115/image.png" alt=""> <img class ="bio" src="http://s18.postimg.org/5xn4lb37d/image.png" alt=""> </div> CSS #menu { max-width: 1200px; text-align: center; margin: auto; } #menu img { width: 250px; height: 375px; padding: 0px 5px 0px 5px; overflow: …
87 html  class  css 

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